Jquery获取页面中checkbox组中被选中的值
2011-09-19 16:19
357 查看
网上的checkbox取值大都是你抄我,我抄你,真正能拿来用的,还真没几个,今天自己总结一下
首先,jsp中部分代码
然后 Jquery中代码
这样可以实现,当选中或者取消多选框时,能动态的改变checkbox的选中情况。
然后Jquery代码:
首先,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代码:
相关文章推荐
- Jquery获取页面中checkbox组中被选中的值
- jquery 获取页面所有选中checkbox的值
- JQuery如何获取table中checkBox选中的多行的值并传到另一个html页面中
- 分答项目_技能点_jquery获取待删除页面中已选择分类即checkbox为true的分类
- jquery获取复选框checkbox被选中的值
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- jquey获取页面中所有被选中的checkbox和radio的值,并保存为以逗号隔开的字符串
- jQuery遍历页面所有CheckBox查看是否被选中的方法
- jquery 获取checkbox,radio,select被选中的值
- 使用JQuery获取被选中的checkbox的value值
- JQuery 获取checkbox被选中的值
- JQuery 获取checkbox被选中的值
- 使用JQuery获取被选中的checkbox的value值 以及全选、反选
- jquery获取所有被选中checkbox
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- jquery中获取动态checkbox是否被选中
- JQuery获取被选中复选框checkbox的个数
- JQuery获取checkbox是否被选中
- JQuery获取被选中的checkbox的value值
- 使用JQuery获取被选中的checkbox的value值