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

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

2014-05-05 20:12 316 查看
网上的checkbox取值大都是你抄我,我抄你,真正能拿来用的,还真没几个,今天自己总结一下

首先,jsp中部分代码

[html] view
plaincopy

      <!-- 多选题 -->  

     <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
e4a7
="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中代码

[html] view
plaincopy

<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的选中情况。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: