JS jQuery分別獲取選中的複選框值
阿新 • • 發佈:2019-02-15
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<style>
</style>
<title>JS獲取複選框被選中的值</title>
</head>
<body>
<input type="checkbox" name="aihao" value="0" />0
<input type="checkbox" name="aihao" value="1" />1
<input type="checkbox" name="aihao" value="2" />2
<input type="checkbox" name="aihao" value="3" />3
<input type="checkbox" name="aihao" value="4" />4
<input type="checkbox" name="aihao" value="5" />5
<input type="checkbox" name="aihao" value="6" />6
<input type="checkbox" name="aihao" value="7" />7
<input type="button" onclick="chk()" value="提 交" />
</body>
</html>
<script src="jquery.js"></script><!--這是載入jquery.js檔案,如果不使用jquery可以去掉-->
<script>
function chk(){
var obj=document.getElementsByName('aihao'); //選擇所有name="aihao"的物件,返回陣列
//取到物件陣列後,我們來迴圈檢測它是不是被選中
var s='';
for(var i=0; i<obj.length; i++){
if(obj[i].checked) s+=obj[i].value+','; //如果選中,將value新增到變數s中
}
//那麼現在來檢測s的值就知道選中的複選框的值了
alert(s==''?'你還沒有選擇任何內容!':s);
}
function jqchk(){ //jquery獲取複選框值
var s='';
$('input[name="aihao"]:checked').each(function(){
s+=$(this).val()+',';
});
alert(s==''?'你還沒有選擇任何內容!':s);
}
</script>