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

来源:互联网 发布:js怎么训练 编辑:程序博客网 时间:2024/05/21 15:07

网上的checkbox取值大都是你抄我,我抄你,真正能拿来用的,还真没几个,今天自己总结一下


首先,jsp中部分代码

[html] view plaincopy
  1.       <!-- 多选题 -->  
  2.      <fieldset class="result_radio" id="finalResult">  
  3.     
  4.      <legend>正确答案<b style="color:orange;font-size:26px;vertical-align:middle"></b></legend>  
  5.       
  6.       <div id="answerType2" style="display:none">  
  7. <%-- <input type="hidden" name="testquestionVO.result" value="${testquestionVO.result }"/> --%>  
  8. <input type="checkbox" name="result" value="A" id="checkboxA"/>  
  9. <label for="checkboxA">A</label>  
  10. <input type="checkbox" name="result" value="B" id="checkboxB"/>  
  11. <label for="checkboxB">B</label>  
  12. <input type="checkbox" name="result" value="C" id="checkboxC"/>  
  13. <label for="checkboxC">C</label>  
  14. <input type="checkbox" name="result" value="D" id="checkboxD"/>  
  15. <label for="checkboxD">D</label>  
  16. <input type="checkbox" name="result" value="E" id="checkboxE"/>  
  17. <label for="checkboxE">E</label>  
  18.       </div>  
  19.      </fieldset>  

然后 Jquery中代码

[html] view plaincopy
  1. <script type="text/javascript">  
  2. $(".result_radio :checkbox").click(function(){          
  3.     var cbs = $(".result_radio :checkbox:checked");  
  4.     var v = "";  
  5.     for(var i = 0; cbs && i < cbs.length; i++) {  
  6.         v += $(cbs[i]).val();  
  7.     }  
  8.     $(".result_radio b").html(v);      
  9.        
  10. });  
  11. </script>  

这样可以实现,当选中或者取消多选框时,能动态的改变checkbox的选中情况。
0 0
原创粉丝点击