时间戳

首页 > 技术文章 > 复选框选择全部或只选单个

复选框选择全部或只选单个

liwentao 2017-06-01 00:17 原文

 

//html网页代码

<tr>
<td>
<input type="checkbox" name="vehicle_qx" id="vehicle_qx" value="0" onclick="vehicle_qx(0)"/><font>全部</font>
<input type="checkbox" name="vehicle" value="1" onclick="vehicle_qx(1)"/><font>商务类</font>
<input type="checkbox" name="vehicle" value="2" onclick="vehicle_qx(2)"/><font>豪华类</font>
<input type="checkbox" name="vehicle" value="3" onclick="vehicle_qx(3)"/><font>舒适类</font>
<input type="checkbox" name="vehicle" value="4" onclick="vehicle_qx(4)"/><font>普通类</font>
</td>
</tr>

javascript  代码：

<script type="text/javascript">
function vehicle_qx(value){
if(value==0){
if($("[name='vehicle_qx']").is(':checked')){
$("[name='vehicle']").attr("checked",true);
}else{
$("[name='vehicle']").attr("checked",false);
}

}else{
var n="0";
var m=$("[name='vehicle']");
for ( var i = 0; i < m.length; i++) {
if(m[i].checked){
n=parseInt(n)+1;
}else{

}

}
if(n=="4"){
$("[name='vehicle_qx']").attr("checked",true);
}else{
$("[name='vehicle_qx']").attr("checked",false);
}

}
}

单选按钮：

  var inspectorType = document.getElementsByName("inspectorType");
       var inspectorType_value = new Array();
       for(var i=0;i<inspectorType.length;i++){
         if(inspectorType[i].checked){
            inspectorType_value.push(inspectorType[i].value);
         }
       }
</script>

录入多选框页面：

<script type="text/javascript" language="javascript">    

function checkForm() {       

var code = document.getElementById("code").value;       

var id = document.getElementById("id").value;       

if(code==""||code=="请输入用户代码并回车"){           

alert("请输入用户代码");            return false;            }       

var userName = document.getElementById("userName").value;      

  if(userName==""){          

  alert("姓名不能为空");        

   return false;           

}       

var organId = document.getElementById("organId").value;       

if(organId==""){           

alert("请输入用户代码并回车");           

return false;          

  }      

  var lawCode = document.getElementById("lawCode").value;      

  if(lawCode==""){           

alert("执法证号不能为空");           

return false;          

  }          

<%if("Y".equals(canOptInspectorsType)){ %>    

var inspectorType = document.getElementsByName("inspectorType");       

var inspectorType_value = new Array();       

for(var i=0;i<inspectorType.length;i++){         

if(inspectorType[i].checked){            

inspectorType_value.push(inspectorType[i].value);         

}       

}       

<%} %>          

var organName=document.getElementById("organName").value          

var remark=document.getElementById("remark").value;       

var request = new ajax.Request();       

var contents="";       

<%if("Y".equals(canOptInspectorsType)){ %>         

var dda=new Date();          contents = "?code=" + code+"&userName="+userName+"&organId="+organId+"&lawCode="+lawCode+"&remark="+remark+"&id="+id+"&organName="+organName+"&inspectorType="+inspectorType_value+"&sjcc="+dda;        <%}else{ %>         

  var dda=new Date();          contents = "?code=" + code+"&userName="+userName+"&organId="+organId+"&lawCode="+lawCode+"&remark="+remark+"&id="+id+"&organName="+organName+"&inspectorType=&sjcc="+dda;       

<%} %>         

  request.loadTextByGet("<%=rootPath%>/ExamineUserSaveUI.do" + contents, function(data){                   

data = eval('(' + data + ')');                       

alert(data.mess);                       

if(data.mess=="录入成功"||data.mess=="修改成功"){                           

document.getElementById("code").value='';                        

document.getElementById("userName").value='';                        

document.getElementById("organId").value='';                        

document.getElementById("organName").value='';                        

document.getElementById("lawCode").value='';                        

<%if("Y".equals(canOptInspectorsType)){ %>                         

$("input[name='inspectorType']:checkbox").each(function() {               

$(this).prop("checked", false);            });                         

<%} %>                        

document.forms[0].action = "<%=rootPath%>/ExamineUserMainUI.do";                           

document.forms[0].submit();                           

}                                                           

   });    

}    

function selectPerOrg(){       

var strStyle = "dialogWidth:350px; status:no; dialogHeight:400px; statusbar:no;resizable:yes;scrollbars:no";          

var param = showModalDialog("<%=rootPath%>/ShowOrganList.do", window, strStyle);          

if (param != undefined) {              

document.getElementById("organId").value = param.split(",")[0];              

document.getElementById("organName").value = param.split(",")[1];         

  }     }    

window.attachEvent('onload', init);    

function init(){        

var flag= document.getElementById("flage").value;        

if(flag=="modify"){          

document.getElementById("code").readOnly = true;           

  }         }    

function quxiao(){      

document.getElementById("code").value = "";      

document.getElementById("userName").value = "";      

document.getElementById("organName").value = "";      

document.getElementById("organId").value = "";      

document.getElementById("lawCode").value = "";      

$("input[name='inspectorType']:checkbox").each(function() {          

$(this).prop("checked", false);       });      

document.getElementById("remark").value = "";      

document.forms[0].action = "<%=rootPath%>/ExamineUserMainUI.do";        

document.forms[0].submit();         }    

function focusOrg(){      

document.getElementById('code').style.color='#000000';        

if(document.getElementById('flage').value=="null"||           

document.getElementById('flage').value==""||           

document.getElementById('flage').value=="add"||           

document.getElementById('code').value=="请输入用户代码并回车"){      

document.getElementById('code').value='';      

document.getElementById('organName').value='';      

document.getElementById('organId').value='';              

}     }    

function Bclick(){      

var request = new ajax.Request();    

var code=document.getElementById('code').value;    

if(code==""||code=="请输入用户代码并回车"){          

alert("用户代码不能为空!");        

 return false;          

};        

var contents = "?code=" + code;        

request.loadTextByGet("<%=rootPath%>/ExamineOrganByCode.do" + contents, function(data){          

data = eval('(' + data + ')');             

if(data.mess=='查询成功'){              

document.getElementById('userName').value=data.userName;              

document.getElementById('organName').value=data.organName;              

document.getElementById('organId').value=data.organId;              

document.getElementById('userName').focus();               

}else if(data.mess=='该用户已存在！'){              

document.getElementById('userName').value=data.userName;                

document.getElementById('organName').value=data.organName;                

document.getElementById('organId').value=data.organId;                

document.getElementById('userName').focus();                

alert("该用户已经录入为检查人员!");               

}else{                

alert(data.mess);                 

  }             

});        

}    

function shuaxin(){            

var id=document.getElementsByName("id")[0].value;      

$.ajax({    

 type: "POST",     

url: "<%=rootPath%>/EntRefreshUserAction.do?userId="+id,     

dataType: "json",    

 beforeSend:function(){     },    

 success: function(data){      

if(data.mess=='查询成功'){                

document.getElementById('code').value=data.code;                

document.getElementById('userName').value=data.userName;                

document.getElementById('organName').value=data.organName;                

document.getElementById('organId').value=data.organId;

alert("刷新成功！点保存后才能更新人员信息！");      

}else{                

alert(data.mess);                  

}    

 },    

 error:function(){      

alert("异常！");     

}     

});       

/**      var request = new ajax.Request();      

var contents = "?userId=" + id;      

request.loadTextByGet("<%=rootPath%>/EntRefreshUserAction.do" + contents,

function(data){          

data = eval('(' + data + ')');             

if(data.mess=='查询成功'){              

alert(data.userName);              

alert(data.organName);              

alert(data.organId);              

alert(data.code);              

document.getElementById('code').value=data.code;              

document.getElementById('userName').value=data.userName;              

document.getElementById('organName').value=data.organName;              

document.getElementById('organId').value=data.organId;              

//document.getElementById('userName').focus();               

}else{                

alert(data.mess);                   }              });          

 **/   

  }    

window.onload=function(){      

document.getElementById("ta").style.visibility="hidden";//隐藏     }

</script>

<html:form action="/ExamineUserSaveUI.do" method="post">      

<div id="ta"style="height:1px">      

<input type="text"style="height:1px">      

</div>      

<table class="table-form"">           

<tr>                   <td colspan="4" class="table-title">请录入检查人信息</td>              </tr>          

<tr>            

<td style="width:10%;text-align: right;padding-right: 10px;font-size: 12px;height: 35px;">用户代码  <font style="color:red">*</font></td>

<td class="four-content">           

<%if("modify".equals(flag)){%>              

<html:text property="code" maxlength="20" disabled="true" onfocus="focusOrg();" style="color:#000000;width:80%;"  onblur="if(this.value=='请输入用户代码并回车'||this.value==''){this.value='请输入用户代码并回车';this.style.color='#cccccc'};" onkeydown="if(event.keyCode==13){Bclick()};"/>            

<%}else{%>              

<html:text property="code" maxlength="20" onfocus="focusOrg();" style="color:#cccccc;width:80%;"

value="请输入用户代码并回车" onblur="if(this.value=='请输入用户代码并回车'||this.value==''){this.value='请输入用户代码并回车';this.style.color='#cccccc'};"

onkeydown="if(event.keyCode==13){Bclick()};"/>            

<%}%>                     <

html:hidden property="id"/>            

</td>       <td colspan="2" style="color:red;text-align:left;width:30%;padding-right: 10px;font-size: 12px;height: 35px;">&nbsp;&nbsp;用户代码信息，与用户登录综合业务系统的代码保持一致。</td>       </tr>        <tr>        <td style="width:10%;text-align: right;padding-right: 10px;font-size: 12px;height: 35px;">姓名  <font style="color:red"> *</font></td>          

<td class="four-content" width="30%">             

<html:text property="userName" disabled="true" maxlength="10" style="width:80%;"/>                        </td>          

<td colspan="2" style="color:red;text-align:left;width:30%;padding-right: 10px;font-size: 12px;height: 35px;">&nbsp;&nbsp;用户人员姓名。</td>                 </tr>       

<tr>        

<td style="width:10%;text-align: right;padding-right: 10px;font-size: 12px;height: 35px;">所属机构  <font style="color:red">*</font></td>           <td class="four-content" width="30%">                <html:text property="organName" disabled="true" maxlength="10" style="width:80%;"/>                                    

<html:hidden property="organId"/> <%--                    

<input  type="button" name="btnSelect"  class="long" value="选择" onClick="selectPerOrg();">--%>           </td>          

<td colspan="2" style="color:red;text-align:left;width:30%;padding-right: 10px;font-size: 12px;height: 35px;">&nbsp;&nbsp;用户所在机构。</td>                

</tr>

<tr>        

<td style="width:10%;text-align: right;padding-right: 10px;font-size: 12px;height: 35px;">执法证号  <font style="color:red">*</font></td>          

<td class="four-content" width="30%">                <html:text property="lawCode"  maxlength="20" style="width:80%;"/>           </td>          

<td colspan="2" style="color:red;text-align:left;width:30%;padding-right: 10px;font-size: 12px;height: 35px;">&nbsp;&nbsp;检察人员执法证号。</td>                 </tr>      

<%if("Y".equals(canOptInspectorsType)){ %>      

<tr>        <td style="width:10%;text-align: right;padding-right: 10px;font-size: 12px;height: 35px;">检查人员类型 </td>          

<td class="four-content" width="30%">             

<input type="checkbox" name="inspectorType"  value="1" <%if(inspectorType.indexOf("1")>-1){%>checked <%}%> class="checkbox"/>企业类       

<input type="checkbox" name="inspectorType"  value="2" <%if(inspectorType.indexOf("2")>-1){%>checked <%}%> class="checkbox"/>商广类       

<input type="checkbox" name="inspectorType"  value="3" <%if(inspectorType.indexOf("3")>-1){%>checked <%}%> class="checkbox"/>市场类       

<input type="checkbox" name="inspectorType"  value="4"  <%if(inspectorType.indexOf("4")>-1){%>checked <%}%> class="checkbox"/>执法类      

</td>          

<td colspan="2" style="text-align:left;width:30%;padding-right: 10px;font-size: 12px;height: 35px;">&nbsp;&nbsp;默认不选中，可以不选择。修改时数据恢复默认</td>      

</tr>       <%} %>       

<tr>          

<td style="width:10%;text-align: right;padding-right: 10px;font-size: 12px;height: 35px;">备注</td>          

<td class="four-content">

<html:textarea  styleClass="text-area" rows="4"  style="height:70px;width:80%;" onkeyup="javascript:var val = this.value;if(val.length>99){this.value=val.substring(0,99)}" property="remark"/>          

</td>          

<td colspan="2" style="color:red;text-align:left;width:30%;padding-right: 10px;font-size: 12px;height: 35px;">&nbsp;&nbsp;</td>                

</tr>                    

</table>    

<table class="table-button">       

<input type="hidden"  value="<%= flag%>" id="flage"/>        

<tr>            

<td>            

<%if("modify".equals(flag)){%>       

<input type="button" onclick="shuaxin();" id="viewTask" style="background-image:url(/TopIcis/etc/js/easyui/themes/default/images/bottonFontLong.gif);height: 23px;width: 80px;" value="刷新人员信息"/>        &nbsp;    

<%}%>                

<input type="button" name="save" value="保存" title="点击此按钮添加" onclick="checkForm();"/>                 &nbsp;                

<input type="button"  onclick="quxiao();" value="取消">            

</td>        

</tr>    

</table>

</html:form>

 action类：

ExamineUserForm form = (ExamineUserForm) actionForm;//用户回车带出信息
    String flag="add";
    ExamineUserService examineUserService = ServiceObjectsUtil.getExamineUserService();
    
    if(request.getSession().getAttribute("userId")!=null){
     form.setOperPersonId(((Long)request.getSession().getAttribute("userId")));
     User u=examineUserService.findUserBycode(form.getCode());
     if(form.getId()==null||form.getId().toString().equals("")){
     if(examineUserService.findExamineUserBycode(form.getCode())!=null){
      // System.out.println("该用户已存在");
               String  info = "{'mess':'该用户已存在！'}";
               response.setContentType("text/html;charset=gbk");
               PrintWriter out = response.getWriter();
               out.write(info);
               out.flush();
               out.close();
      return null;
        };
     }else{
      flag="modify";
     }
     

if(form.getInspectorType()!=null&&!"".equals(form.getInspectorType())){
       euser.setInspectorType(form.getInspectorType());  //检查人员类型 2017-060-07 李文涛
       String inspectorTypeName=form.getInspectorType();
       inspectorTypeName=inspectorTypeName.replace("1", "企业类").replace("2", "商广类").replace("3", "市场类").replace("4", "执法类");
       euser.setInspectorTypeName(inspectorTypeName);
       
      }

实体类：

if(form.getInspectorType()!=null&&!"".equals(form.getInspectorType())){
       euser.setInspectorType(form.getInspectorType());  //检查人员类型 
       String inspectorTypeName=form.getInspectorType();
       inspectorTypeName=inspectorTypeName.replace("1", "企业类").replace("2", "商广类").replace("3", "市场类").replace("4", "执法类");
       euser.setInspectorTypeName(inspectorTypeName);
       
      }

 

推荐阅读