首頁 > web前端 > js教程 > Jquery遍歷checkbox取得選取項value值的方法_jquery

Jquery遍歷checkbox取得選取項value值的方法_jquery

WBOY
發布: 2016-05-16 17:00:14
原創
1288 人瀏覽過

原始碼:

複製程式碼 程式碼如下:

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 $("#ids").attr("value",ids);
return true;
}else {
alert('請至少選一項!');
return false;
}
});
});

本原始碼的功能:

取得name='key'的複選框的值,將選取項目的value 寫入隱藏域 的表單中。

核心語句:

複製程式碼 程式碼如下:
$" input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids = $(this). attr('value') ',';
}
});

在HTML中,如果一個複選框被選中,對應的標記為checked="checked" 。 但如果用jquery alert($("#id").attr("checked")) 則會提示您是"true"而不是"checked",所以判斷if("checked"==$("#id" ).attr("checked")) 是錯誤的,應該如上面那樣書寫: if(true == $("#id").attr("checked"))
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板