用隐藏域解决关于checkbox 不选中传值问题

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

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

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

JSP 页面

隐藏域：

<input type="hidden" Name="FALG" id="FALG"/> </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); }