Jquery遍歷checkbox獲取選中項value值的方法
更新時間：2014年02月13日 16:46:39 作者：
這篇文章主要介紹了Jquery遍歷checkbox獲取選中項的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('請至少選擇一項！');
return false;
}
});
});
本源碼的功能：
獲取name=‘key'的復(fù)選框的值，將選中項的 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中，如果一個復(fù)選框被選中，對應(yīng)的標(biāo)記為 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 則會提示您是"true"而不是"checked"，所以判斷 if("checked"==$("#id").attr("checked")) 是錯誤的，應(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('請至少選擇一項！');
return false;
}
});
});
本源碼的功能：
獲取name=‘key'的復(fù)選框的值，將選中項的 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中，如果一個復(fù)選框被選中，對應(yīng)的標(biāo)記為 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 則會提示您是"true"而不是"checked"，所以判斷 if("checked"==$("#id").attr("checked")) 是錯誤的，應(yīng)該如上面那樣書寫： if(true == $("#id").attr("checked"))
您可能感興趣的文章:
- jQuery獲取select選中的option的value值實現(xiàn)方法
- jQuery獲取checkboxlist的value值的方法
- Jquery使用val方法讀寫value值
- jQuery對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使用deferreds串行多個ajax請求的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
下面小編就為大家?guī)硪黄猨query判斷類型是不是number類型的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery用FormData實現(xiàn)文件上傳的方法
眾所周知文件上傳是Web開發(fā)中的重要話題，最直接和簡單的方式是通過表單直接提交文件。 下面這篇文章小編就來和大家分享jQuery利用FormData實現(xiàn)文件上傳的方法，文中介紹的方法簡單易懂，相信對大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2016-11-11
jQuery實現(xiàn)點擊文本框彈出熱門標(biāo)簽的提示效果
點擊文本框彈出熱門標(biāo)簽的效果實現(xiàn)方法有很多，在本文為大家詳細(xì)介紹下使用jQuery是如何實現(xiàn)的，感興趣的朋友不要錯過2013-11-11
Laravel admin實現(xiàn)消息提醒、播放音頻功能
這篇文章主要介紹了Laravel admin實現(xiàn)消息提醒、播放音頻功能,本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-07-07
這篇文章主要介紹了省市二級聯(lián)動小案例講解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
用jquery實現(xiàn)動畫跳到頂部和底部(這個比較簡單)
用jquery實現(xiàn)動畫的跳到頂部和底部，當(dāng)點擊頂部按鈕的時候，執(zhí)行方法,scrollTop屬性獲取選中標(biāo)簽距滾動條的距離2014-09-09
jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery懸停文字提示框插件jquery.tooltipster.js用法,涉及jQuery文字提示框插件的引入與調(diào)用實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下2016-07-07
由于各個瀏覽器中原生事件對象的 差異性 ，多數(shù) JS庫/框架 都或多或少的對原生事件對象進(jìn)行了修復(fù)及包裝。2011-06-06
jq實現(xiàn)左側(cè)顯示圖片右側(cè)文字滑動切換效果
這篇文章是基于jq技術(shù)實現(xiàn)左側(cè)顯示圖片右側(cè)文字滑動切換效果的相關(guān)資料，有需要的小伙伴可以來參考下2015-08-08