導航:首頁 > 編程語言 > 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判斷復選框相關的資料

熱點內容
什麼東西代表了編程 瀏覽：698
網路中心如何關閉 瀏覽：258
k3編程是什麼意思 瀏覽：296
vba和sql資料庫哪個好 瀏覽：38
u啟王u盤啟動盤製作工具 瀏覽：228
深入理解android網路編程 瀏覽：615
javah無法訪問 瀏覽：11
keyvalue內存資料庫 瀏覽：446
2016年淘寶店鋪裝修教程 瀏覽：394
哪個地區把編程納入高考范圍中了 瀏覽：327
linuxc語言參數 瀏覽：688
win10電腦關機後重啟 瀏覽：747
查公司注冊信息怎麼查app 瀏覽：403
iphone應用程序開網路連接失敗 瀏覽：555
xp電腦沒有運行程序 瀏覽：677
whatsapp在國內能用嗎 瀏覽：976
怎麼恢復空間視頻文件 瀏覽：716
多線程讀一個文件 瀏覽：939
查詢社保繳納情況用什麼app 瀏覽：915
單機象棋代碼 瀏覽：984

友情鏈接