jQuery操作 input type=checkbox的實現(xiàn)代碼
更新時間：2012年06月14日 23:17:19 作者：
jQuery操作 input type=checkbox的實現(xiàn)代碼，需要的朋友可以參考下，這邊腳本之家推薦大家看我們以前發(fā)布的文章
復(fù)制代碼 代碼如下:
<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、小組第一名和第二名出線，所以要限制只能選兩項。
復(fù)制代碼 代碼如下:
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、遍歷已選擇的國家隊。
復(fù)制代碼 代碼如下:
$("input[name='nation']:checked").each(function(){
alert("已選擇的國家隊: "+$(this).val());
});
3、取消所有選中的國家隊。
復(fù)制代碼 代碼如下:
$("input[name='nation']:checked").attr("checked",false);
4、指定選中兩個國家隊。
復(fù)制代碼 代碼如下:
$("input[name='nation'][value='Germany']").attr("checked",true);
$("input[name='nation'][value='Holland']").attr("checked",true);
5、禁止選擇國家隊。
復(fù)制代碼 代碼如下:
$("input[name='nation']").attr("disabled",true);
6、允許選擇國家隊。
復(fù)制代碼 代碼如下:
$("input[name='nation']").attr("disabled",false);
7、選中索引為偶數(shù)或者奇數(shù)的國家隊(索引是從0開始)。
復(fù)制代碼 代碼如下:
//選中索引為偶數(shù)的國家隊
$("input[name='nation']:even").attr("checked",true);
//選中索引為奇數(shù)的國家隊
$("input[name='nation']:odd").attr("checked",true);
$("input[name='nation']:even").attr("checked",true);
//選中索引為奇數(shù)的國家隊
$("input[name='nation']:odd").attr("checked",true);
相關(guān)文章
jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯誤的解決方法
這篇文章主要介紹了jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯誤的解決方法的相關(guān)資料,需要的朋友可以參考下2016-11-11
jquery+CSS實現(xiàn)的水平布局多級網(wǎng)頁菜單效果
這篇文章主要介紹了jquery+CSS實現(xiàn)的水平布局多級網(wǎng)頁菜單效果,涉及jquery頁面元素屬性動態(tài)變換效果實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
jQuery UI插件自定義confirm確認(rèn)框的方法
這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實例分析了jQuery的UI插件使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
使用jQuery設(shè)置disabled屬性與移除disabled屬性
Readonly只針對input和textarea有效，而disabled對于所有的表單元素都有效，下面為大家介紹下使用jQuery設(shè)置disabled屬性2014-08-08
Jquery 改變radio/checkbox選中狀態(tài),獲取選中的值(示例代碼)
這篇文章主要介紹了Jquery 改變radio/checkbox選中狀態(tài),獲取選中的值(示例代碼) 需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
MultiSelect左右選擇控件的設(shè)計與實現(xiàn)介紹
由于項目中用到左右選擇的控件，網(wǎng)上找了一些相關(guān)的實現(xiàn)，基本上有兩個:1、基于JQuery UI的控件2、某個兄弟手寫的一個控件,具體實現(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ā)氣泡樣式的表單校驗組件思路詳解
這篇文章主要介紹了基于jQuery.validate及Bootstrap的tooltip開發(fā)氣泡樣式的表單校驗組件的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-07-07
這篇文章主要介紹了jQuery文字提示與圖片提示效果實現(xiàn)方法,涉及jQuery針對鼠標(biāo)事件的響應(yīng)與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合多個實例較為詳細的分析了常見的jQuery事件綁定實現(xiàn)技巧與使用方法,需要的朋友可以參考下2016-09-09