Jquery遍歷checkbox獲取選中項(xiàng)value值的方法
更新時(shí)間：2014年02月13日 16:46:39 作者：
這篇文章主要介紹了Jquery遍歷checkbox獲取選中項(xiàng)的value值,需要的朋友可以參考下
源碼：
jQuery(function($){
$("input[name='key']:checkbox").click(function(){
var ids = '';
var flag = 0;
$("#ids").attr("value",ids);
$("input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids += $(this).attr('value')+',';
flag += 1;
}
});
if(0 < flag) {
$("#ids").attr("value",ids);
return true;
}else {
alert('請至少選擇一項(xiàng)！');
return false;
}
});
});
本源碼的功能：
獲取name=‘key'的復(fù)選框的值，將選中項(xiàng)的 value 寫到隱藏域 <input type="hidden" name="ids" id="ids" value="" /> 的表單中。
核心語句：
$("input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids += $(this).attr('value')+',';
}
});
在HTML中，如果一個(gè)復(fù)選框被選中，對(duì)應(yīng)的標(biāo)記為 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 則會(huì)提示您是"true"而不是"checked"，所以判斷 if("checked"==$("#id").attr("checked")) 是錯(cuò)誤的，應(yīng)該如上面那樣書寫： if(true == $("#id").attr("checked"))
復(fù)制代碼 代碼如下:
jQuery(function($){
$("input[name='key']:checkbox").click(function(){
var ids = '';
var flag = 0;
$("#ids").attr("value",ids);
$("input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids += $(this).attr('value')+',';
flag += 1;
}
});
if(0 < flag) {
$("#ids").attr("value",ids);
return true;
}else {
alert('請至少選擇一項(xiàng)！');
return false;
}
});
});
本源碼的功能：
獲取name=‘key'的復(fù)選框的值，將選中項(xiàng)的 value 寫到隱藏域 <input type="hidden" name="ids" id="ids" value="" /> 的表單中。
核心語句：
復(fù)制代碼 代碼如下:
$("input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids += $(this).attr('value')+',';
}
});
在HTML中，如果一個(gè)復(fù)選框被選中，對(duì)應(yīng)的標(biāo)記為 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 則會(huì)提示您是"true"而不是"checked"，所以判斷 if("checked"==$("#id").attr("checked")) 是錯(cuò)誤的，應(yīng)該如上面那樣書寫： if(true == $("#id").attr("checked"))
您可能感興趣的文章:
- jQuery獲取select選中的option的value值實(shí)現(xiàn)方法
- jQuery獲取checkboxlist的value值的方法
- Jquery使用val方法讀寫value值
- jQuery對(duì)val和atrr("value")賦值的區(qū)別介紹
- jquery控制select的text/value值為選中狀態(tài)
- jQuery操作select下拉框的text值和value值的方法
- jquery如何通過name名稱獲取當(dāng)前name的value值
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- jquery 根據(jù)name名獲取元素的value值
- jQuery操作value值方法介紹
相關(guān)文章
jquery 動(dòng)態(tài)遍歷select 賦值的實(shí)例
今天小編就為大家分享一篇jquery 動(dòng)態(tài)遍歷select 賦值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
jquery實(shí)現(xiàn)九宮格大轉(zhuǎn)盤抽獎(jiǎng)
jQuery九宮格大轉(zhuǎn)盤抽獎(jiǎng)代碼網(wǎng)頁特效，點(diǎn)擊抽獎(jiǎng)按鈕開始隨機(jī)抽獎(jiǎng)選擇獎(jiǎng)品，可設(shè)置起點(diǎn)位置、獎(jiǎng)品數(shù)量、轉(zhuǎn)動(dòng)次數(shù)、中獎(jiǎng)位置參數(shù)2015-11-11
BootStrap日期控件在模態(tài)框中選擇時(shí)間下拉菜單無效的原因及解決辦法(火狐下不能點(diǎn)擊)
今天同事讓我?guī)退黄鸾鉀Q一個(gè)問題，關(guān)于兼容的bug問題，在火狐中使用模態(tài)框加載日期控件時(shí)選擇時(shí)間下拉菜單沒有效果（不能點(diǎn)擊），而在谷歌中卻是好的，下面小編附上原因分析及解決辦法，有需要的朋友可以參考下2016-08-08
JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果
這篇文章主要介紹了JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
jquery+css3實(shí)現(xiàn)的經(jīng)典彈出層效果示例
這篇文章主要介紹了jquery+css3實(shí)現(xiàn)的經(jīng)典彈出層效果,結(jié)合實(shí)例形式分析了jquery+css3實(shí)現(xiàn)彈出層具體原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了使用jquery中height()方法獲取各種高度大全,比如瀏覽器高度、可視窗口高度、文檔高度等,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了JQuery select（下拉框）操作方法匯總,本文講解了獲取選中項(xiàng)、獲取當(dāng)前選中項(xiàng)的索引值、獲取當(dāng)前option的最大索引值、獲取DropdownList的長度等內(nèi)容,需要的朋友可以參考下2015-04-04
jQuery實(shí)現(xiàn)當(dāng)按下回車鍵時(shí)綁定點(diǎn)擊事件
當(dāng)按下回車鍵時(shí)，綁定按鈕點(diǎn)擊事件，本文為大家介紹下jQuery回車鍵綁定點(diǎn)擊事件的具體實(shí)現(xiàn)2014-01-01
這篇文章主要介紹了jQuery中die()方法用法,實(shí)例分析了die()方法的功能、定義及移除所有通過live()方法向指定元素添加的一個(gè)或多個(gè)事件處理程序的使用技巧,需要的朋友可以參考下2015-01-01
jQuery中slideUp 和 slideDown 的點(diǎn)擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下2015-02-02