弹出层，及checkbox 的js

最新推荐文章于 2023-11-01 02:19:02 发布

我们都一样w

最新推荐文章于 2023-11-01 02:19:02 发布

阅读量744

点赞数

分类专栏：日常点滴

本文链接：https://blog.csdn.net/qq_33307908/article/details/82887700

版权

日常点滴专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<%@ page pageEncoding="UTF-8" language="java"
contentType="text/html;charset=UTF-8"%>

<%@include file="/pages/es_gov/layout/header.jsp"%>
<script type="text/javascript"
src="${ctx}/scripts/plugins/lhgcore.lhgdialog.min.js"></script>
<script type="text/javascript" src="${ctx}/scripts/e4safe3/plugins/layer/layer.js"></script>
<style>
/* .bottomBtn{position:fixed; bottom:0;text-align:center;} */
</style>
<script type="text/javascript">

$(function(){
   refresh();
   $('.chk').bind('click',function(){
       if(!$(this).prop("checked")){
           $(this).val("");
       }else{
           $(this).val($(this).attr("id"));
       }
   });

})

function refresh(){
   $('.chk').each(function (i, o) {
if ($(o).attr("isMulti")=='true') {
        $(o).prop("checked",true);
}
});
}


function isCheckAll(){
   var isCheckAllFlag = $("#checkAll").prop("checked");
   $('.chk').each(function (i, o) {
if(isCheckAllFlag){
   $(o).val($(o).attr("id"));
   }
});

}

function refreshCheckbox(){
      var tcIdsStr = "";
   $('.chk').each(function (i, o) {
   if ($(o).attr("id") && $(o).val() && $(o).prop("checked")==true) {
       tcIdsStr += "," + $(o).val();
   }
   });
   tcIdsStr = tcIdsStr.substring(1);
   $('#tcIds').val(tcIdsStr);
   }

function refreshCheckboxNotselect(){
   var tcIdsStr = "";
$('.chk').each(function (i, o) {
if (!$(o).prop("checked")) {
   tcIdsStr += "," + $(o).attr("id");
}
});
tcIdsStr = tcIdsStr.substring(1);
$('#notTcIds').val(tcIdsStr);
}

</script>
<x:qx var="qx" menuId="${param.menuId}"></x:qx>
<body>
       <form id="opForm" name="opForm" οnsubmit="return true;"
           action="${ctx}/quota/template/treeNodeUpdateInfo.action" method="post">
           <s:hidden name="menuId" id="menuId" />
           <s:hidden name="itemBean.itemid" id="itemBean.itemid" />
           <s:hidden name="itemBean.template_id" id="template_id" />
           
            <s:token></s:token>
               <div class="edit-step" style="margin-top: 0;">
               <span class="badge badge-info">4</span><span class="caption">高级配置--指标项是否可以选中多个</span>
               </div>
           <div class="" >
       <table class="table" style="margin:auto">
              <input id="tcIds" type="hidden" value=""/>
              <input id="notTcIds" type="hidden" value=""/>
              <tr>
                       <th >录入项</th>
                       <th style="text-align:center" >录入类型</th>
                       
                           <td ><input id="checkAll" style="margin:7px" type="checkbox" value="" checkSelector="Selector"/></td>
                       </tr>
           <c:forEach items="${configuredatas}" var="item">
                   <input id="${item.TCID}" type="hidden" value="${item.TCID}"/>
                               <tr>
                               <td id="${item.ITEMID }" style="text-align:right">${item.NAME }</td>
                               <td id="${item.ITEMID }" style="text-align:center">
                                   <c:if test="${item.CTYPE eq 'text' }">输入框</c:if>
                                   <c:if test="${item.CTYPE eq 'radio' }">单选框</c:if>
                                   <c:if test="${item.CTYPE eq 'checkbox' }">复选框</c:if>
                                   <c:if test="${item.CTYPE eq 'select' }">选择框</c:if>
                                   <c:if test="${item.CTYPE eq 'textarea' }">文本框</c:if>
                                   <c:if test="${item.CTYPE eq 'date' }">日期</c:if>
                                   <c:if test="${item.CTYPE eq 'file' }">附件</c:if>
                               </td>
                               
                                   <td ><input style="margin:7px" name="tcId" id="${item.TCID}" isMulti="${item.ISMULTI}" type="checkbox" class="chk" value="${item.TCID}" checkNode="Selector" /></td>
                               </tr>
                   </c:forEach>
       </table>
       <div class="luru_btn_group " style="position:fixed;padding-left:200px;bottom:20px">
                               <input type="button" style="background-color: #7ebb0f; height: 40px;width: 150px;" οnclick="opreate('','saveAndUpdateIsmulti')" value=" 保存" />
                               <input type="button" style="background-color: #fc6032; height: 40px; width: 130px;" value=" 返回 " οnclick="opreate('','ReturnClose')" id="reButton" />
               </div>
           </div>
       </form>   
</body>

我们都一样w

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
弹出层，及checkbox 的js

&lt;%@ page pageEncoding="UTF-8" language="java" contentType="text/html;charset=UTF-8"%&gt;&lt;%@include file="/pages/es_gov/layout/header.jsp"%&gt;&lt;script type="text/javascript&quot
复制链接

扫一扫

专栏目录