Jsp页面CheckBox回显
Jsp页面CheckBox回显
Bug-Killer 发表于7个月前
Jsp页面CheckBox回显
  • 发表于 7个月前
  • 阅读 146
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: 最近看项目看到CheckBox回显功能,时间太长都忘了,自己测试一遍回忆一下,并记录下来
<dl class="equp_dl clear">
   <dt>管辖建筑:</dt>
       <dd>                          
          <c:if test="${!empty userBaseInfo_jg}">
              <p>${userBaseInfo_jg.fanhuiCount}</p>
                 <c:forEach items="${list}" var="organization">
                     <c:if test="${!empty organization.buildName}">
                        <p><input type="checkbox" name="s9" value="${organization.id}" />${organization.buildName}</p>
                       </c:if>
                  </c:forEach>
          </c:if>
       </dd>
</dl>

JS实现

<script>
   $(function(){
     var boxObj = $("input:checkbox[name='s9']");  //获取所有的复选框
     var expresslist = '${userBaseInfo_jg.s9}';
     var express = expresslist.split(','); //去掉它们之间的分割符“,”
     $.each(express, function(index, expressId){
      boxObj.each(function () {
         if($(this).val() == expressId) {    //判断如果boxObj取到的数据 == expressId
            $(this).attr("checked",true); //checkBox显示
         }
       });
     });
   })
</script>

 

共有 人打赏支持
粉丝 6
博文 68
码字总数 43954
×
Bug-Killer
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: