document.getElementsByName()和for..in loop結合的例子
剛好看到有結合這兩者的例子,
想做的功能: 如email信箱有容量限制, 當我們要刪除不要的email時, 按下"刪除"鍵會檢查至少要點選一封要刪掉的email, 以防都沒選到任一要刪的email。
想做的功能: 如email信箱有容量限制, 當我們要刪除不要的email時, 按下"刪除"鍵會檢查至少要點選一封要刪掉的email, 以防都沒選到任一要刪的email。
完整code如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>2-24 判斷單選框是否勾選</title>
</head>
<body>
<h2>判斷核取方塊有沒有勾選一項</h2>
<input type="checkbox" name='checkSelects' checked='checked'>1<br />
<input type="checkbox" name='checkSelects'>2<br />
<input type="checkbox" name='checkSelects'>3<br />
<input type="checkbox" name='checkSelects'>4<br />
<script type="text/javascript">
window.onload = function(){
var _checkSelects = document.getElementsByName("checkSelects");
for(var i in _checkSelects){
if(_checkSelects[i].checked){
console.log("至少勾選了一項");
return;
};
}
console.log("沒有勾選");
};
</script>
</body>
</html>
留言
張貼留言