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

熱點內容
mdfldf是什麼文件 瀏覽：569
文件在桌面怎麼刪除干凈 瀏覽：439
馬蘭士67cd機版本 瀏覽：542
javaweb爬蟲程序 瀏覽：537
word中千位分隔符 瀏覽：392
迷你編程七天任務的地圖怎麼過 瀏覽：844
word2003格式不對 瀏覽：86
百度雲怎麼編輯文件在哪裡 瀏覽：304
起名app數據哪裡來的 瀏覽：888
微信怎麼去泡妞 瀏覽：52
百度廣告html代碼 瀏覽：244
qq瀏覽器轉換完成後的文件在哪裡 瀏覽：623
jsp中的session 瀏覽：621
壓縮完了文件去哪裡找 瀏覽：380
武裝突襲3浩方聯機版本 瀏覽：674
網路機頂盒移動網路 瀏覽：391
iphone手機百度雲怎麼保存到qq 瀏覽：148
資料庫設計與實踐讀後感 瀏覽：112
js對象是什麼 瀏覽：744
網頁文件存pdf 瀏覽：567

友情鏈接