jqueryçéåæ¹æ³å¯ä»¥è·åå¤éæ¡æ欲çéä¸å¼
$("input:checkbox:checked").each(function(index,element)); // 为ææéä¸çå¤éæ¡æ§è¡å½æ°ï¼å½æ°ä½ä¸å¯ä»¥ååºæ¯ä¸ªå¤éæ¡çå¼
$("input:checkbox:checked").map(function(index,domElement)); // å°ææéä¸çå¤éæ¡éè¿å½æ°è¿åå¼çææ°çjQuery 对象
å®ä¾æ¼ç¤ºï¼ç¹å»æé®è·åcheckboxçéä¸å¼
å建Htmlå
ç´
<div class="box">
<span>ç¹å»æé®è·åcheckboxçéä¸å¼ï¼</span>
<div class="content">
<input type='checkbox' name='message' value='1'/>åéçä¿¡
<input type='checkbox' name='message' value='2'/>åéé®ä»¶
</div>
<input type="button" value="æ交">
</div>
设置cssæ ·å¼
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
ç¼åjquery代ç
$(function(){
$("input:button").click(function() {
text = $("input:checkbox[name='message']:checked").map(function(index,elem) {
return $(elem).val();
}).get().join(',');
alert("éä¸çcheckboxçå¼ä¸ºï¼"+text);
});
});
温馨提示:答案为网友推荐,仅供参考