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

最新推荐文章于 2022-08-29 21:58:42 发布

luckygll

最新推荐文章于 2022-08-29 21:58:42 发布

阅读量1w

点赞数

文章标签： jquery input function jsp class div

本文链接：https://blog.youkuaiyun.com/luckygll/article/details/6790485

版权

这篇博客总结了在JSP中使用jQuery获取checkbox组中被选中值的实用方法，包括JSP代码片段和jQuery实现代码，提供了可直接应用的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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