關於js識別checkbox的信息

本文目錄一覽：

• 1、javascript 怎麼判斷checkbox是否選中
• 2、js 判斷 checkbox
• 3、在js中怎麼獲取checkbox

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

這個是針對你的寫的

順便提一句，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

思路：利用name屬性值獲取checkbox對象，然後循環判斷checked屬性（true表示被選中，false表示未選中）。下面進行實例演示：

1、HTML結構

1input type=”checkbox” name=”test” value=”1″/span1/span

2input type=”checkbox” name=”test” value=”2″/span2/span

3input type=”checkbox” name=”test” value=”3″/span3/span

4input type=”checkbox” name=”test” value=”4″/span4/span

5input type=”checkbox” name=”test” value=”5″/span5/span

6input type=’button’ value=’提交’ onclick=”fun()”/

2、javascript代碼

1function fun(){

2    obj = document.getElementsByName(“test”);

3    check_val = [];

4    for(k in obj){

5        if(obj[k].checked)

6            check_val.push(obj[k].value);

7    }

8    alert(check_val);

9}

3、演示效果