现在的位置: 首页 > 综合 > 正文

javascript_checkbox相关操作

2018年01月29日 ⁄ 综合 ⁄ 共 1678字 ⁄ 字号 评论关闭

 

function checkEvent(name,allCheckId)
{
  var allCk=document.getElementById(allCheckId);
  if(allCk.checked==true)
  checkAll(name);
  else
  checkAllNo(name);
 
}

//全选
function checkAll(name)
{
  var names=document.getElementsByName(name);
  var len=names.length;
  if(len>0)
  {
   var i=0;
   for(i=0;i<len;i++)
   names[i].checked=true;
   
  }
}

//全不选
function checkAllNo(name)
{
  var names=document.getElementsByName(name);
 var len=names.length;
 if(len>0)
  {
    var i=0;
    for(i=0;i<len;i++)
    names[i].checked=false;
  }
}

//反选
function reserveCheck(name)
{
  var names=document.getElementsByName(name);
 var len=names.length;
 if(len>0)
 {
 var i=0;
   for(i=0;i<len;i++)
   {
     if(names[i].checked)
     names[i].checked=false;
     else
     names[i].checked=true;
    
   }
 }

}
function show()
{
  var n=document.getElementsByName("ck");
  var len=n.length;
  if(len>0)
  {
   var i=0;
  for(i=0;i<len;i++)
    {
   if(n[i].checked==true)
   alert(n[i].value);

 }
 
  }
 
}

//如果没有选中元素,则提示
function send()
{
 var n=document.getElementsByName("ck");
 var len=n.length;
 var num=0;
 for(i=0;i<len;i++)
    {
   if(n[i].checked==true)
  num=num+1;

 }
 if(num==0){
  alert("请选择发送的手机号码!");
 }
 else{
  document.form2.action="sendsms.jsp";
  document.form2.submit();
 }
 
}

----------------------------------------------------------------------------------------------------------------

html:

 <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />全选

 <input type="checkbox" name="ck" value="value"/>

---------------------------------------------------------------------------------------------------------------------------------------

用隐藏域传checkbox中的值

 String[] names=null;
 names=request.getParameterValues("ck");

<%for(int i=0;i<names.length;i++){ %>
<input type="hidden" value=<%=names[i]%> name="phone"/><%} %>

 

抱歉!评论已关闭.