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

来源:互联网 发布:Excel数据的平滑处理 编辑:程序博客网 时间:2024/05/17 08:30

网上的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代码:



原创粉丝点击