關於js判斷是否是checkbox的信息

本文目錄一覽:

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;

原創文章,作者:LVF1F,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/130509.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
LVF1F的頭像LVF1F
上一篇 2024-10-03 23:28
下一篇 2024-10-03 23:28

相關推薦

發表回復

登錄後才能評論