導航:首頁 > 編程語言 > js判斷復選框

js判斷復選框

 發布時間：2024-01-18 02:43:36

『壹』 在HTML中如何用javaScript判斷復選框checkbox是否被選中

js判斷復選框是否選中

[html]viewplain
<!doctypehtml>
<htmllang="cn">
<head>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
<title>復選框全選、全不選、反選、必選一個</title>
<scripttype="text/javascript">
//全選
functionselectAll(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=true;
}
}

//全不選
functionselectNone(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=false;
}
}

//反選
functionselectInvert(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false;
}else{
names[i].checked=true;
}
}
}

//必須選擇一個
functionselectOne(){
varnames=document.getElementsByName("bjjb");
varflag=false;//標記判斷是否選中一個
for(vari=0;i<names.length;i++){
if(names[i].checked){
flag=true;
break;
}
}
if(!flag){
alert("請最少選擇一項！");
returnfalse;
}
}

</script>
</head>
<body>
<formid="checkboxform"method="post"action="">
<inputtype="checkbox"name="bjjb"value="1">交通事故<br>
<inputtype="checkbox"name="bjjb"value="2">自然災害<br>
<inputtype="checkbox"name="bjjb"value="3">惡劣天氣<br>
<inputtype="checkbox"name="bjjb"value="4">嚴重違法行為<br>
<inputtype="checkbox"name="bjjb"value="5">路面損毀<br>
<ahref="javascript:void(0);"onclick="selectAll()">全選</a>
<ahref="javascript:void(0);"onclick="selectNone()">全不選</a>
<ahref="javascript:void(0);"onclick="selectInvert()">反選</a>
<ahref="javascript:void(0);"onclick="selectOne()">必須選擇一個</a>
</form>
</body>
</html>

備註：
1：以上常見判斷在實際開發中經常運用。溫故而知新是一件非常好的事情。
2：在function方法中執行判斷加return表示滿足條件，return後的內容將不再進行執行,如何沒有加return那麼createWindow()會繼續執行。如：
functionclickSupervise(){
//判斷是否選擇了警情
varjqid=$("#jqid1").val();
if(""==jqid||jqid==null||jqid==undefined){
alert("請先選擇警情信息！");
return;
}
//創建窗口
createWindow();
}

『貳』 如何用js讀取復選框的值

思路：首先利用name屬性值獲取checkbox對象，然後循環判斷checked屬性：如果為true表示被選中，false則表示未選中。

實例演示如下：

1、HTML結構

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代碼

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

『叄』 javascript如何判斷多個復選框狀態

樓主，這就是你想要的結果，不信你復制過去運行一下，我已專經測試OK了!屬

<html>
<script language="JavaScript">
function check(obj)
{
if(obj.checked==true)
{
alert("checked!")
}
else
{
alert("unchecked!")
}
}
</script>
<input type="checkbox" name="t1" id="t1" value="1" onClick="check(this)">
<input type="checkbox" name="t2" id="t2" value="1" onClick="check(this)">
<input type="checkbox" name="t3" id="t3" value="1" onClick="check(this)">
<html>

『肆』 怎麼用JS判斷復選框提交時是否選中，且最多隻能選3個

var check=&("input[type=check]");獲取所有控制項。
var checked=&("input[checked=checked]");獲取選中的控制項

『伍』 怎樣用JS判斷復選框的值是否為空

js應該這樣寫：
var objs=document.getElementsByName('cj');
var isSel=false;//判斷是否有選中項，默認為無
for(var i=0;i<objs.length;i++)
{
if(objs[i].checked==true)
{
isSel=true;
break;
}
}
if(isSel==false)
{
alert("請選版擇科權目！");
return false;
}else
{
return true;
}

閱讀全文

與js判斷復選框相關的資料

熱點內容
文件形式特點是什麼意思 瀏覽：770
大氣網站源碼 瀏覽：355
蘋果7共享網路設置 瀏覽：666
配配app怎麼解除加好友 瀏覽：488
jstlfmt 瀏覽：123
文件格式錯誤無法打開30002 瀏覽：842
進入app需要等三秒怎麼回事 瀏覽：839
大數據有多少個領域 瀏覽：846
光大銀行信用卡微信號 瀏覽：103
無錫哪裡可以學習電腦編程 瀏覽：469
新建的網站如何做 瀏覽：673
javaforeach輸出數組下標 瀏覽：421
qq聊天文件怎麼轉發微信 瀏覽：541
過程化編程適合於什麼問題 瀏覽：742
小米拿數據線怎麼連不到電腦 瀏覽：516
劍網三90年代版本有哪些 瀏覽：251
機器編程序要看什麼書 瀏覽：387
杭州少兒編程有哪些 瀏覽：202
如何自定義頭文件 瀏覽：245
編程中什麼叫類什麼叫方法 瀏覽：31

友情鏈接