首页 > 编程知识 正文

关于js判断是否是checkbox的信息

时间:2023-12-04 11:50:02 阅读:312077 作者:PUCR

本文目录一览:

  • 1、js 判断 checkbox
  • 2、使用js全部选中checkbox,并且进行判断
  • 3、JS判断单个checkbox是否被选中
  • 4、javascript 怎么判断checkbox是否选中
  • 5、js如何判断checkbox是否被选中?
  • 6、js判断所有的checkbox是否全不选中,如果是,返回true

js 判断 checkbox

这个是针对你的写的

顺便提一句,js数组中移除(删除) 项比较恶心,建议如果不太懂,就单独看看,应该会对你有帮助,最后 祝贺你好运

html

script

var ii = new Array();

function justdoit(tb){//下面的justdoit(this)是把当前checkbox当作参数,这里的tb是接收

if(tb.checked){//判断是否选中,也就是相当于这里判断勾中checkbox,最下面else中是取消选中

for(var i = 0; i ii.length;i++){//遍历数组

if(tb.value == ii[i]){//判断看当前值是否存在

tb.checked = false;//如果重复了将本checkbox置为不选状态

alert("数值重复");

return;//如果已经重复了,跳出,不执行下面

}

}

//下面开始处理如果不是重复的

if(ii.length 3){//如果选中的小于3个

ii.push(tb.value);//将当前选中的checkbox的值放入数组

}else{

tb.checked = false;//如果选中的已经有3个了将当前checkbox取消选中

alert("最多只能选择3个。");

}

}else{//这里是相当于判断取消选中的时间

for(var i = 0; i ii.length;i++){//便利数组

if(tb.value == ii[i]){//判断取消的是哪一项

ii.splice(i,1);//将其从数组中移除

return;

}

}

}

}

/script

body

input name='selectID[]' id="selectID" type='checkbox' value='3' onclick="justdoit(this)"3br

input name='selectID[]' id="selectID" type='checkbox' value='2' onclick="justdoit(this)"2br

input name='selectID[]' id="selectID" type='checkbox' value='3' onclick="justdoit(this)"3br

input name='selectID[]' id="selectID" type='checkbox' value='1' onclick="justdoit(this)"1br

input name='selectID[]' id="selectID" type='checkbox' value='4' onclick="justdoit(this)"4br

input name='selectID[]' id="selectID" type='checkbox' value='3' onclick="justdoit(this)"3br

/body

/html

使用js全部选中checkbox,并且进行判断

简单,你全选的时候,直接调用绑定的onclick函数不就行了么,因为你说的这个函数已经实现了失败就取消选中,成功就选中功能,认为你在onclick函数里设置了checked。

input type="checkbox" name="a" value="1"

input type="checkbox" name="a" value="2"

input type="checkbox" name="a" value="3"

input type="button" value="全选"

script

var elems=document.querySelectorAll("[name=a]");

var click=function(){

    //checkbox的click事件调用函数

    

    //简单的功能:值等于1的不让选

    this.checked=this._checked?false:(+this.value1);

    this._checked=this.checked;

}

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

    elems[i].onclick=click;

}

document.querySelector("[type=button]").onclick=function(){

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

        elems[i]._checked=false;

        elems[i].onclick();

    }

}

/script

JS判断单个checkbox是否被选中

02020202 //判断标题栏是否填写

02020202 if (document.form1.title.value == "") {

0202020202020202 alert("信息类型不能为空!");

0202020202020202 document.form1.title.focus();

0202020202020202 return;

02020202 }

02020202 //判断checkbox是否被选中

02020202 var len = document.form1.keywords.length;

02020202 var checked = false;

02020202 for (i = 0; i len; i++)

02020202 {

0202020202020202 if (document.form1.keywords[i].checked == true)

0202020202020202 {

020202020202020202020202 checked = true;

020202020202020202020202 break;

0202020202020202 }

02020202 }

02020202 if (!checked)

02020202 {

0202020202020202 alert("请至少选择一个关键词!");

javascript 怎么判断checkbox是否选中

form onsubmit="return checkform(this);"

input type="checkbox" name="s" / input type="submit" value="submit"/

/form

function checkform(form){

  //采用通常情况的方式来验证是否被选中

  if(form.s.checked) alert("checked");

  

  //采用jquery方式来验证,此时,与表单无关。只需判断被选中的对象是否大于零,如果没有被选中,size()方法将返回0,如果有多个被选中,则返回被选中的个数。

  if($("input[name='s']:checked").size()  0) alert("checked");

  

  return false; //测试用,返回flase值,表单不会提交。正式使用时,可删除。

}

js如何判断checkbox是否被选中?

如果被选中则可以提交,没有选中弹出提示框,不能提交。

script language="javascript"

function check()

{

if(document.form1.checkbox.checked==false) //如果表单1的复选框没被选中。则执行以下语句

{

alert("请选中复选框");

return false;

}

}

/script

js判断所有的checkbox是否全不选中,如果是,返回true

if($("[type=checkbox]:checked").length==0)

return true;

你说的是全不选中,还是全部选中呀?两个意义正好相反。

上面的答案是全不选中(一个都没选),

如果是全部选中改成代码:

if($("[type=checkbox]:not(:checked)").length==0)

return true;

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。