判斷復選框是否點擊和點擊了哪一個


判斷復選框哪一個被點擊
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
var a=$('[type=checkbox]').length;
alert(a);
for(var i=0;i<a;i++){
 if($('[type=checkbox]').eq(i).is(':checked')) {
         alert(i+1);  
    }
}
});
});
</script>
</head>
<body>
<input type="checkbox" class="a">123
<input type="checkbox" class="b">123
<button>獲取被點擊的按鈕</button>
</body>
</html>
 
只要復選框被點擊,不管哪一個都出發事件。
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
 if($('[type=checkbox]').is(':checked')) {
         alert(true);  
}
});
});
</script>
</head>
<body>
<input type="checkbox" class="a">123
<input type="checkbox" class="b">123
<button>獲取被點擊的按鈕</button>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM