本文目錄一覽:
- 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;
原創文章,作者:LVF1F,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/130509.html