快捷導(dǎo)航

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="" /> 的表單中。

核心語句：

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

 
$("input[name='key']:checkbox").each(function(){ 
if (true == $(this).attr("checked")) { 
ids += $(this).attr('value')+','; 
} 
}); 

在HTML中，如果一個(gè)復(fù)選框被選中，對應(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"))

您可能感興趣的文章:

相關(guān)文章

jQuery使用deferreds串行多個(gè)ajax請求
這篇文章主要介紹了jQuery使用deferreds串行多個(gè)ajax請求的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
jquery判斷類型是不是number類型的實(shí)例代碼
下面小編就為大家?guī)硪黄猨query判斷類型是不是number類型的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
jQuery用FormData實(shí)現(xiàn)文件上傳的方法
眾所周知文件上傳是Web開發(fā)中的重要話題，最直接和簡單的方式是通過表單直接提交文件。下面這篇文章小編就來和大家分享jQuery利用FormData實(shí)現(xiàn)文件上傳的方法，文中介紹的方法簡單易懂，相信對大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。
2016-11-11
jQuery實(shí)現(xiàn)點(diǎn)擊文本框彈出熱門標(biāo)簽的提示效果
點(diǎn)擊文本框彈出熱門標(biāo)簽的效果實(shí)現(xiàn)方法有很多，在本文為大家詳細(xì)介紹下使用jQuery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過
2013-11-11
Laravel admin實(shí)現(xiàn)消息提醒、播放音頻功能
這篇文章主要介紹了Laravel admin實(shí)現(xiàn)消息提醒、播放音頻功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-07-07
省市二級聯(lián)動(dòng)小案例講解
這篇文章主要介紹了省市二級聯(lián)動(dòng)小案例講解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
用jquery實(shí)現(xiàn)動(dòng)畫跳到頂部和底部(這個(gè)比較簡單)
用jquery實(shí)現(xiàn)動(dòng)畫的跳到頂部和底部，當(dāng)點(diǎn)擊頂部按鈕的時(shí)候，執(zhí)行方法,scrollTop屬性獲取選中標(biāo)簽距滾動(dòng)條的距離
2014-09-09
jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery懸停文字提示框插件jquery.tooltipster.js用法,涉及jQuery文字提示框插件的引入與調(diào)用實(shí)現(xiàn)技巧,非常簡單實(shí)用,需要的朋友可以參考下
2016-07-07
讀jQuery之八包裝事件對象
由于各個(gè)瀏覽器中原生事件對象的差異性，多數(shù) JS庫/框架都或多或少的對原生事件對象進(jìn)行了修復(fù)及包裝。
2011-06-06
jq實(shí)現(xiàn)左側(cè)顯示圖片右側(cè)文字滑動(dòng)切換效果
這篇文章是基于jq技術(shù)實(shí)現(xiàn)左側(cè)顯示圖片右側(cè)文字滑動(dòng)切換效果的相關(guān)資料，有需要的小伙伴可以來參考下
2015-08-08