jQuery操作復(fù)選框(CheckBox)的取值賦值實(shí)現(xiàn)代碼
1. 獲取單個(gè)checkbox選中項(xiàng)(三種寫(xiě)法):
$("input:checkbox:checked").val()
或者
$("input:[type='checkbox']:checked").val();
或者
$("input:[name='ck']:checked").val();
2. 獲取多個(gè)checkbox選中項(xiàng):
$('input:checkbox').each(function() {
if ($(this).attr('checked') ==true) {
alert($(this).val());
}
});
3. 設(shè)置第一個(gè)checkbox 為選中值:
$('input:checkbox:first').attr("checked",'checked');
或者
$('input:checkbox').eq(0).attr("checked",'true');
4. 設(shè)置最后一個(gè)checkbox為選中值:
$('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');
5. 根據(jù)索引值設(shè)置任意一個(gè)checkbox為選中值:
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:radio').slice(1,2).attr('checked', 'true');
6. 選中多個(gè)checkbox:
同時(shí)選中第1個(gè)和第2個(gè)的checkbox:
$('input:radio').slice(0,2).attr('checked','true');
7. 根據(jù)Value值設(shè)置checkbox為選中值:
$("input:checkbox[value='1']").attr('checked','true');
8. 刪除Value=1的checkbox:
$("input:checkbox[value='1']").remove();
9. 刪除第幾個(gè)checkbox:
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如刪除第3個(gè)checkbox:
$("input:checkbox").eq(2).remove();
10.遍歷checkbox:
$('input:checkbox').each(function (index, domEle) {
//寫(xiě)入代碼
});
11.全部選中
$('input:checkbox').each(function() {
$(this).attr('checked', true);
});
12.全部取消選擇:
$('input:checkbox').each(function () {
$(this).attr('checked',false);
});
以上所述是小編給大家介紹的jQuery操作復(fù)選框(CheckBox)的取值賦值實(shí)現(xiàn)代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jQuery實(shí)現(xiàn)CheckBox全選、全不選功能
- jQuery設(shè)置和獲取select、checkbox、radio的選中值方法
- jQuery實(shí)現(xiàn)的checkbox級(jí)聯(lián)選擇下拉菜單效果示例
- jQuery中checkbox反復(fù)調(diào)用attr(''checked'', true/false)只有第一次生效的解決方法
- jquery操作checkbox火狐下第二次無(wú)法勾選的解決方法
- jQuery實(shí)現(xiàn)點(diǎn)擊行選中或取消CheckBox的方法
- jquery處理checkbox(復(fù)選框)是否被選中實(shí)例代碼
相關(guān)文章
使用jQuery mobile NuGet讓你的網(wǎng)站在移動(dòng)設(shè)備上同樣精彩
這篇文章主要介紹了使用jQuery mobile NuGet讓你的網(wǎng)站在移動(dòng)設(shè)備上同樣精彩,使用jQuery mobile NuGet包,改變共享的布局和視圖,并使你的網(wǎng)站在傳統(tǒng)的瀏覽器和大部分手機(jī)展現(xiàn)的都很好。,需要的朋友可以參考下2019-06-06
JQuery中的事件及動(dòng)畫(huà)用法實(shí)例
這篇文章主要介紹了JQuery中的事件及動(dòng)畫(huà)用法,實(shí)例分析了事件的綁定、移除、添加及動(dòng)畫(huà)方法操作表單的使用技巧,需要的朋友可以參考下2015-01-01
JQuery 使用attr方法實(shí)現(xiàn)下拉列表選中
實(shí)現(xiàn)下拉列表選中的方法有很多,這篇文章主要介紹了JQuery 使用attr方法的具體實(shí)現(xiàn),需要的朋友可以收藏下2014-10-10
jQuery 更改checkbox的狀態(tài),無(wú)效的解決方法
下面小編就為大家?guī)?lái)一篇jQuery 更改checkbox的狀態(tài),無(wú)效的解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
這篇文章主要介紹了JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能,結(jié)合完整實(shí)例形式分析了jQuery基于事件響應(yīng)的頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-10-10
jQuery Div中加載其他頁(yè)面的實(shí)現(xiàn)代碼
在做一個(gè)表單簽核系統(tǒng)時(shí),需在要簽核頁(yè)面中將表單內(nèi)容(事先做好的PHP頁(yè)面)顯示出來(lái),于就是想能不能利用Ajax技術(shù)把這個(gè)事先做好的頁(yè)面嵌入到簽核頁(yè)面中呢?2009-02-02
Jquery easyui開(kāi)啟行編輯模式增刪改操作
jquery easyui框架提供了創(chuàng)建網(wǎng)頁(yè)所需要的一切,可以幫助大家建立站點(diǎn),接下來(lái),通過(guò)本文給大家介紹Jquery easyui開(kāi)啟行編輯模式增刪改操作,感興趣的朋友一起學(xué)習(xí)2016-01-01
jQuery是用來(lái)干什么的 jquery其實(shí)就是一個(gè)js框架
jQuery是一bai個(gè)簡(jiǎn)潔而快速的JavaScript庫(kù),可用于du簡(jiǎn)化zhi事件處理,HTML文檔遍歷,Ajax交互和dao動(dòng)畫(huà),以更快速開(kāi)發(fā)網(wǎng)站2021-02-02

