JQery获取IE和Firefox中的Event对象

Fri, 21 Aug 2009 09:37:00 GMT

index.jsp

1 <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>
2 <html>
3   <head>
4     <title>Event��试title>
5     <script type="text/javascript" src="js/jquery-1.2.6.min.js">script>
6     <script type="text/javascript" src="js/auto_full.js">script>
7   head>
8   <body>
9       <input type="text" name="word" id="word"/>
10   body>
11 html>
12

auto_full.js脚本

1 $(document).ready(function(){
2     //获取输入�?/span>
3     var wordInput = $("#word");
4     //�l�文本框��d��按下�q�弹起事�?/span>
5     wordInput.keyup(function(e){
6       var currKey=0,CapsLock=0;
7       var e=e||event;
8       currKey=e.keyCode||e.which||e.charCode;
9       CapsLock=currKey >=65 && currKey <=90;
10       var keyCode=e['keyCode'];
11         if(keyCode>=65 && keyCode<=90 || keyCode==8 || keyCode==46){
12             alert(keyCode);
13             alert(String.fromCharCode(currKey));
14         }
15     });
16 });

源码下蝲

张森�?/a> 2009-08-21 17:37 发表评论

Thu, 13 Aug 2009 02:14:00 GMT

1、复选框全选操�? �Q?/span>
html代码:

<form>
   您爱好的�q�动是：
   <input type="checkbox" name="item" value="football"/> football
   <input type="checkbox" name="item" value="basketball"/> basketball
   <input type="checkbox" name="item" value="badminton"/> badminton
   <input type="checkbox" name="item" value="pingpong"/> pingpong
   <input type="button" id="checkAll" value="全�?/>
   <input type="button" id="checkFootball" value="选中��球"/>
form>

Jquey js 脚本:

$('#checkAll').click (checkAll);    // 全�?nbsp;
   $('#checkFootball').click (checkFootball); // 单选��?
});
function checkAll()
{
   $('input [type="checkbox"][name="item"]').attr ("checked", true);
   // $('[name="item"]:checkbox').attr("checked", true);
}

注：全反选只需要将�q�里�?true 换成 false �? 可�?nbsp;
选中��球操作
Jquey js 脚本:

function checkFootball()
{
   $(" [name='item']:checkbox").each(function () {
       if (this.value == 'football')
       {
          this.checked = true;
       }
   })
}

注：具体目的��Z��解决从后台取出数据，昄��? �q�里�q�没有用jQuery的attr()和val()�Ҏ��来设�|�选中和获得当前checkbox的��|��改用了JavaScript原生�?Dom �Ҏ��Q�将比创�? jQuery对象更有�?/span>
2. 单选按钮操�?
html代码:

A B C D 您选择哪一个：<br/>
<input type="radio" name="item" value="A"/>A
<input type="radio" name="item" value="B"/>B
<input type="radio" name="item" value="C"/>C
<input type="radio" name="item" value="D"/>D
<input type="button" id="getLetter" value="获得字母 "/>

初始化选中�? 母B
Jquey js 脚本:

$(document).ready(function() {
   // 数据初始化�? 择B�?nbsp;
   $('[name="item"]:radio').each(function() {
       if (this.value == 'B')
       {
          this.checked = true;
       }
    });

    // �l�定�? 得字母的事�g
    $('#getLetter').click(getLetter);
});

获得所选中�? 字母
Jquey js 脚本:

function getLetter()
{
  alert('获得的字母�ؓ�Q?/span>' + $('[name="item"][checked=true]:radio').val());
}

3. 下拉�?列表)操作

<select multiple id="choose" style="width=100px;heigth=160px">select>
<input id="addOptions" type="button" value="��d��数据"/>
<input id="getSelectedOption" type="button" value="获得选中的�?/span>"/>
<input id="clearOptions" type="button" value="清空列表"/>

Jquey js 脚本:

$(document).ready(function() {
    $('#addOptions').click(addOptions);  // 为列表添加元�?nbsp;

    $('#getSelectedOption').click(getSelectedOption);  // 获得选中的元�?nbsp;

    $('#clearOptions').click(clearOptions); // 清楚列表中的元素

    $('#addOptions').click(); // 触发为列表添加元素事�?nbsp;
});

�q�加元素
Jquey js 脚本:

function addOptions()
{
   var selectContainer = $('#choose');

   for (var i = 0; i < 5; i++)
   {
      var option = $('').text('choose' + i).val(i);
      selectContainer.append(option);
   }
}

获得选中的元�?nbsp;

清空列表

function clearOptions()
{
    $('#choose').empty();
}

张森�?/a> 2009-08-13 10:14 发表评论

日韩精品一区第一页,激情久久久久久久,成人全视频免费观看在线看

JQery获取IE和Firefox中的Event对象