DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery操作 input type=checkbox的實現代碼
jQuery操作 input type=checkbox的實現代碼
編輯:JQuery特效代碼     
. 代碼如下:
<input type="checkbox">:
2012歐洲杯"死亡之組"小組出線的國家隊是:<br>
<input type="checkbox" name="nation" value="Germany">德國
<input type="checkbox" name="nation" value="Denmark">丹麥
<input type="checkbox" name="nation" value="Holland">荷蘭
<input type="checkbox" name="nation" value="Portugal">葡萄牙

  1、小組第一名和第二名出線,所以要限制只能選兩項。
. 代碼如下:
var len = $("input[name='nation']:checked").length;
if(len==0) {
alert("請選擇出線的國家隊!");
return false;
}else if(len<2) {
alert("請選擇兩個國家隊!");
return false;
}else if(len>2) {
alert("只能選擇兩個國家隊!");
return false;
}else {
return true;
}

  2、遍歷已選擇的國家隊。
. 代碼如下:
$("input[name='nation']:checked").each(function(){
alert("已選擇的國家隊: "+$(this).val());
});

  3、取消所有選中的國家隊。
. 代碼如下:$("input[name='nation']:checked").attr("checked",false);
  4、指定選中兩個國家隊。
. 代碼如下:
$("input[name='nation'][value='Germany']").attr("checked",true);
$("input[name='nation'][value='Holland']").attr("checked",true);

  5、禁止選擇國家隊。
. 代碼如下:$("input[name='nation']").attr("disabled",true);
  6、允許選擇國家隊。
. 代碼如下: $("input[name='nation']").attr("disabled",false);
  7、選中索引為偶數或者奇數的國家隊(索引是從0開始)。
. 代碼如下://選中索引為偶數的國家隊
$("input[name='nation']:even").attr("checked",true);
//選中索引為奇數的國家隊
$("input[name='nation']:odd").attr("checked",true);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved