表单提交、数据回显等常见细节总结sinJack的博客-前台给的bety数据回显

1、js获取选中复选框的value

<input type=“checkbox” class=“CheBox” value=”’+rowd.uid+’”>
var checks=$(’.CheBox:checked’);//获取选中的复选框
var ids=[];
for(var i=0;i<checks.length;i++){
ids.push(checks[i].value);//遍历选中的复选框，并将其value值赋给js数组
}
ids.join(’,’);//可以通过join()方法将js数组转为js字符串

2、将form表单作为参数直接提交

通过对表单序列化，将form表单中的name属性全部提交到后台。

3、radio、select数据回显

3.1、通过jstl实现数据回显

choose标签实现： <label class="layui-form-label">性别</label>     <div class="layui-input-block">      <c:choose>             <c:when test="${sysUser.sex eq 0}">                 <input type="radio" name="sex" value="0" title="男" checked="checked"/>                 <input type="radio" name="sex" value="1" title="女"/>             </c:when>          <c:otherwise>                    <input type="radio" name="sex" value="1" title="女" checked="checked"/>                    <input type="radio" name="sex" value="0" title="男"/>             </c:otherwise>         </c:choose>     </div>      if标签实现：    <label class="layui-form-label">性别</label>     <div class="layui-input-block">         <input type="radio" name="sex" value="0" title="男" <c:if test="${sysUser.sex==0}">checked="checked"</c:if>/>         <input type="radio" name="sex" value="1" title="女"  <c:if test="${sysUser.sex==1}">checked="checked"</c:if>/>     </div> 

3.2、通过js实现数据回显(推荐)

持续更新中… 欢迎关注