jQuery操作 input type=checkbox的實(shí)現(xiàn)代碼

更新時(shí)間：2012年06月14日 23:17:19 作者：

jQuery操作 input type=checkbox的實(shí)現(xiàn)代碼，需要的朋友可以參考下，這邊腳本之家推薦大家看我們以前發(fā)布的文章

 
<input type="checkbox">: 
2012歐洲杯"死亡之組"小組出線的國(guó)家隊(duì)是：<br> 
<input type="checkbox" name="nation" value="Germany">德國(guó) 
<input type="checkbox" name="nation" value="Denmark">丹麥 
<input type="checkbox" name="nation" value="Holland">荷蘭 
<input type="checkbox" name="nation" value="Portugal">葡萄牙 

　　1、小組第一名和第二名出線，所以要限制只能選兩項(xiàng)。

復(fù)制代碼代碼如下:

 
var len = $("input[name='nation']:checked").length; 
if(len==0) { 
alert("請(qǐng)選擇出線的國(guó)家隊(duì)！"); 
return false; 
}else if(len<2) { 
alert("請(qǐng)選擇兩個(gè)國(guó)家隊(duì)！"); 
return false; 
}else if(len>2) { 
alert("只能選擇兩個(gè)國(guó)家隊(duì)！"); 
return false; 
}else { 
return true; 
} 

　　2、遍歷已選擇的國(guó)家隊(duì)。

復(fù)制代碼代碼如下:

 
$("input[name='nation']:checked").each(function(){ 
alert("已選擇的國(guó)家隊(duì): "+$(this).val()); 
}); 

　　3、取消所有選中的國(guó)家隊(duì)。

復(fù)制代碼代碼如下:

$("input[name='nation']:checked").attr("checked",false);

　　4、指定選中兩個(gè)國(guó)家隊(duì)。

復(fù)制代碼代碼如下:

 
$("input[name='nation'][value='Germany']").attr("checked",true); 
$("input[name='nation'][value='Holland']").attr("checked",true); 

　　5、禁止選擇國(guó)家隊(duì)。

復(fù)制代碼代碼如下:

$("input[name='nation']").attr("disabled",true);

　　6、允許選擇國(guó)家隊(duì)。

復(fù)制代碼代碼如下:

$("input[name='nation']").attr("disabled",false);

　　7、選中索引為偶數(shù)或者奇數(shù)的國(guó)家隊(duì)(索引是從0開始)。

復(fù)制代碼代碼如下:

//選中索引為偶數(shù)的國(guó)家隊(duì) 
$("input[name='nation']:even").attr("checked",true); 
//選中索引為奇數(shù)的國(guó)家隊(duì) 
$("input[name='nation']:odd").attr("checked",true); 

您可能感興趣的文章:

相關(guān)文章

jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯(cuò)誤的解決方法
這篇文章主要介紹了jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯(cuò)誤的解決方法的相關(guān)資料,需要的朋友可以參考下
2016-11-11
jquery+CSS實(shí)現(xiàn)的水平布局多級(jí)網(wǎng)頁(yè)菜單效果
這篇文章主要介紹了jquery+CSS實(shí)現(xiàn)的水平布局多級(jí)網(wǎng)頁(yè)菜單效果,涉及jquery頁(yè)面元素屬性動(dòng)態(tài)變換效果實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery UI插件自定義confirm確認(rèn)框的方法
這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實(shí)例分析了jQuery的UI插件使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03
使用jQuery設(shè)置disabled屬性與移除disabled屬性
Readonly只針對(duì)input和textarea有效，而disabled對(duì)于所有的表單元素都有效，下面為大家介紹下使用jQuery設(shè)置disabled屬性
2014-08-08
Jquery 改變r(jià)adio/checkbox選中狀態(tài),獲取選中的值(示例代碼)
這篇文章主要介紹了Jquery 改變r(jià)adio/checkbox選中狀態(tài),獲取選中的值(示例代碼) 需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-12-12
MultiSelect左右選擇控件的設(shè)計(jì)與實(shí)現(xiàn)介紹
由于項(xiàng)目中用到左右選擇的控件，網(wǎng)上找了一些相關(guān)的實(shí)現(xiàn)，基本上有兩個(gè):1、基于JQuery UI的控件2、某個(gè)兄弟手寫的一個(gè)控件,具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈
2013-06-06
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹形網(wǎng)絡(luò)(1)
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI，并且教大家如何利用EasyUI創(chuàng)建樹形網(wǎng)絡(luò)，感興趣的小伙伴們可以參考一下
2015-11-11
基于jQuery.validate及Bootstrap的tooltip開發(fā)氣泡樣式的表單校驗(yàn)組件思路詳解
這篇文章主要介紹了基于jQuery.validate及Bootstrap的tooltip開發(fā)氣泡樣式的表單校驗(yàn)組件的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧
2016-07-07
jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)與頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-07-07
jQuery事件綁定用法詳解
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合多個(gè)實(shí)例較為詳細(xì)的分析了常見的jQuery事件綁定實(shí)現(xiàn)技巧與使用方法,需要的朋友可以參考下
2016-09-09