关于checkbox 不选中传值问题

最新推荐文章于 2023-06-02 15:57:07 发布

原创最新推荐文章于 2023-06-02 15:57:07 发布 · 6.7k 阅读

2 ·

CC 4.0 BY-SA版权

java 同时被 2 个专栏收录

20 篇文章

订阅专栏

jsp

3 篇文章

订阅专栏

当HTML中的checkbox未被选中时，通常无法传递其值。本文提供了一种创新的解决方案，通过使用隐藏域(hidden field)来判断checkbox的状态。在JSP页面上，可以创建一个隐藏域并根据checkbox的状态为其赋值，从而在提交时获取未选中的checkbox信息。例如，利用jQuery检查checkbox的状态，并根据状态为隐藏域`FALG`赋值，以此达到传递未选中状态的效果。

大家都知道，checkbox 不选中饰，无法传值。

当你项目中有此需求时，不防换个思路来思考下。

你可以采用 hidden 隐藏域来判断是否勾选了checkbox，然后通过对隐藏域进行赋值，这样你就得到了没有勾选的checkbox的值，代码如下：

JSP 页面

隐藏域：

</td>
<td style="padding-top: 13px;">
<label style="width:90px;float:left;position:relative;">学生
<input type="checkbox" id="STUDENTS_FALG" name="STUDENTS_FALG" /><span class="lbl"></span>
</label>
<label style="width:90px;float:left;">教练
<input style="margin-Top:60px;" type="checkbox" id="TEACHERS_FALG" name="TEACHERS_FALG" /><span class="lbl"></span>
</label>
</td>

jquery:

if(($("#STUDENTS_FALG").prop("checked"))&&($("#TEACHERS_FALG").prop("checked"))){//判断是否勾选
$("#FALG").val(2);
}else if($("#STUDENTS_FALG").prop("checked")){
$("#FALG").val(0);
}else if($("#TEACHERS_FALG").prop("checked")){
$("#FALG").val(1);
}