如果复选框被选中，后面的文本框属性为必填

最新推荐文章于 2023-05-09 09:38:49 发布

原创最新推荐文章于 2023-05-09 09:38:49 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了在网页表单设计中，如何实现当用户勾选复选框后，关联的文本框变为必填项的逻辑。讨论了相关前端验证方法和后端校验策略，确保用户输入的完整性和数据一致性。

1 if($("#taskDepartment_1").prop("checked")){ 2 $('#taskImplement_1').validatebox({ required: true }); 3 }

 1 <tr>
 2                                     <th id="task1" >救助保护</th>
 3                                     <td ><input id = 'taskDepartment_1'
 4                                         name='taskDepartment_1' type="checkbox" value="1"
 5                                         <c:if test="${task.taskDepartment_1.contains('1')}">checked="checked"</c:if> disabled="disabled">民政部门</input>
 6                                     </td>
 7                                     <td><textarea 
 8                                         id="taskDescribe_1" name="taskDescribe_1"
 9                                         class="easyui-validatebox inputdf90" style="height: 80px;"
10                                         data-options="required: false, validType: 'length[0,500]'"
11                                         maxlength="500" readonly="readonly">${task.taskDescribe_1}</textarea></td>
12                                     <td><textarea
13                                             id="taskImplement_1" name="taskImplement_1"
14                                             class="easyui-validatebox inputdf90" style="height: 80px;"
15                                             data-options="required: false, validType: 'length[0,500]'"
16                                             maxlength="500">${task.taskImplement_1}</textarea></td>
17  </tr>