2014-12-01 55 views
1

爲什麼我的按鈕在開始時總是消失? 我想用一個按鈕檢查和取消選中所有複選框。 無法獲得解決方案。jQuery按鈕檢查所有開始消除的複選框

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Unbenanntes Dokument</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
</head> 

<body> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.check:button').toggle(function(){ 
     $('input:checkbox').attr('checked','checked'); 
    },function(){ 
     $('input:checkbox').removeAttr('checked');   
    }) 
}) 
</script> 
<div id="button"> 
<input type="button" class="check" value="check all" /> 
</div> 
<div id="check"> 
    <input type="checkbox" /> Checkbox 1 
    <input type="checkbox" /> Checkbox 2 
    <input type="checkbox" /> Checkbox 3 
</div> 
</body> 
</html> 

回答

1

試試這個:

$("#checkAll").click(function() { 
    $('#check input:checkbox').not(this).prop('checked', this.checked); 

}); 
+0

THX這就是一個簡單的方法來做到這一點! – Manuel 2014-12-01 22:45:52

+0

是的,我懶得測試一個優雅的方法。如果你打算接受這個作爲合法答案,你應該包括問題的答案,而不僅僅是解決方案。 – DFTR 2014-12-01 22:47:30

2

閱讀切換的定義是:https://api.jquery.com/toggle/

描述:顯示或隱藏匹配元素。

嘗試使用click()代替。

+0

唉唉好THX我看到它在1.9移除... 在<1.8,它的工作.. – Manuel 2014-12-01 22:31:47

相關問題