您的位置:首页 > Web前端 > JQuery

Jquery获取页面中checkbox组中被选中的值

2011-09-19 16:19 357 查看
网上的checkbox取值大都是你抄我,我抄你,真正能拿来用的,还真没几个,今天自己总结一下

首先,jsp中部分代码
<!-- 多选题 -->
<fieldset class="result_radio" id="finalResult">

<legend>正确答案<b style="color:orange;font-size:26px;vertical-align:middle"></b></legend>

<div id="answerType2" style="display:none">
<%-- <input type="hidden" name="testquestionVO.result" value="${testquestionVO.result }"/> --%>
<input type="checkbox" name="result" value="A" id="checkboxA"/>
<label for="checkboxA">A</label>
<input type="checkbox" name="result" value="B" id="checkboxB"/>
<label for="checkboxB">B</label>
<input type="checkbox" name="result" value="C" id="checkboxC"/>
<label for="checkboxC">C</label>
<input type="checkbox" name="result" value="D" id="checkboxD"/>
<label for="checkboxD">D</label>
<input type="checkbox" name="result" value="E" id="checkboxE"/>
<label for="checkboxE">E</label>
</div>
</fieldset>


然后 Jquery中代码

<script type="text/javascript">
$(".result_radio :checkbox").click(function(){
var cbs = $(".result_radio :checkbox:checked");
var v = "";
for(var i = 0; cbs && i < cbs.length; i++) {
v += $(cbs[i]).val();
}
$(".result_radio b").html(v);

});
</script>


这样可以实现,当选中或者取消多选框时,能动态的改变checkbox的选中情况。



然后Jquery代码:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: