javascript判斷單選框或復選框是否選中方法集錦
更新時間：2007年04月04日 00:00:00 作者：
提示：getEmementsByName方法的作用是根據 NAME 標簽屬性的值獲取對象的集合。
樣例一<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>判斷單選框或復選框是否選中</title>
</head>
<body>
<input name="radio1" type="radio" value="test">
<button onClick="alert('單選項'+(document.getElementsByName('radio1')[0].checked? '':'沒有')+'選中')">測試</button><br>
<input name="radio1" type="radio" value="test">
<button onClick="alert('單選項'+(document.getElementsByName('radio1')[1].checked?'':'沒有')+'選中')">測試</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick="alert('多選項'+(document.getElementsByName('checkbox1')[0]. checked?'':'沒有')+'選中')">測試</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick="alert('多選項'+(document.getElementsByName('checkbox1')[1].checked?'':'沒有')+'選中')">測試</button>
提示：getEmementsByName方法的作用是根據 NAME 標簽屬性的值獲取對象的集合。
</body>
</html>
樣例二：
<form name="myform" action="" method="" onsubmit="return check()">
<input type="radio" name="picno" value="1">
<input type="radio" name="picno" value="2">
<input type="radio" name="picno" value="3">
<input type="submit" value="Submit">
</form>
<script language="JavaScript">...
function check()...{
var flag=0
for(i=0;i<myform.picno.length;i++)
if(myform.picno[i].checked==true)...{
flag=1
break
}
if(!flag)...{
alert("請先選擇更換圖片的位置")
return false
}
}
</script>
樣例一<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>判斷單選框或復選框是否選中</title>
</head>
<body>
<input name="radio1" type="radio" value="test">
<button onClick="alert('單選項'+(document.getElementsByName('radio1')[0].checked? '':'沒有')+'選中')">測試</button><br>
<input name="radio1" type="radio" value="test">
<button onClick="alert('單選項'+(document.getElementsByName('radio1')[1].checked?'':'沒有')+'選中')">測試</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick="alert('多選項'+(document.getElementsByName('checkbox1')[0]. checked?'':'沒有')+'選中')">測試</button><br>
<input name="checkbox1" type="checkbox" value="test">
<button onClick="alert('多選項'+(document.getElementsByName('checkbox1')[1].checked?'':'沒有')+'選中')">測試</button>
提示：getEmementsByName方法的作用是根據 NAME 標簽屬性的值獲取對象的集合。
</body>
</html>
樣例二：
<form name="myform" action="" method="" onsubmit="return check()">
<input type="radio" name="picno" value="1">
<input type="radio" name="picno" value="2">
<input type="radio" name="picno" value="3">
<input type="submit" value="Submit">
</form>
<script language="JavaScript">...
function check()...{
var flag=0
for(i=0;i<myform.picno.length;i++)
if(myform.picno[i].checked==true)...{
flag=1
break
}
if(!flag)...{
alert("請先選擇更換圖片的位置")
return false
}
}
</script>
相關文章
javascript radio list的實現(xiàn)細節(jié)(多瀏覽器兼容)
非常不錯的radio list的效果實現(xiàn)代碼2008-12-12
javascript select中內容互相移動2009-11-11
看起來現(xiàn)在經常用到這樣的效果來提高用戶體驗，所以就沒事寫了一個輸入框提示列表的效果 使用寬屏的朋友麻煩幫忙測試下，列表的位置有沒有錯位。2008-08-08
同一個表單 根據要求遞交到不同頁面的實現(xiàn)方法小結
同一個表單 根據要求遞交到不同頁面的實現(xiàn)方法，就是好多網站，可以百度一個表單可以搜索音樂，圖片等2009-08-08
HTML里select的CSS樣式的改變...2006-10-10
將多選框選中時打勾的顏色...2006-10-10
得到文本框選中的文字，動態(tài)插入文字的js代碼...2007-03-03
在textarea中顯示html頁面的javascript代碼
在textarea中顯示html頁面的javascript代碼...2007-04-04
用js獲取當前選定的select的值的函數2009-03-03
javascript據option的value值快速設定初始的selected選項
javascript據option的value值快速設定初始的selected選項...2007-08-08