JQuery - checkbox 전체 선택/전체 선택 취소

<html>
<head>
<script language="javascript">
$(document).ready(function(){
$("#qx").click(function() {
if ($(this).attr("checked") ==true) {
//  
$("input[name='yf']").each(function(){
$(this).attr("checked",true)
});
} else {
//     
$("input[name='yf']").each(function() {
$(this).attr("checked",false);
});
}
});
});
</script>
</head>
<body>
    
<inputtype="checkbox" name="qx" id="qx"value="1" />  
<input type="checkbox"name="yf" id="yf" value="1" />1 
<inputtype="checkbox" name="yf" id="yf"value="2" />2 
<inputtype="checkbox" name="yf" id="yf"value="3" />3 
<inputtype="checkbox" name="yf" id="yf"value="4" />4 
<inputtype="checkbox" name="yf" id="yf" value="5"/>5 
<inputtype="checkbox" name="yf" id="yf"value="6" />6 
<inputtype="checkbox" name="yf" id="yf"value="7" />7 
<inputtype="checkbox" name="yf" id="yf"value="8" />8 
<inputtype="checkbox" name="yf" id="yf"value="9" />9 
<inputtype="checkbox" name="yf" id="yf"value="10" />10 
<inputtype="checkbox" name="yf" id="yf"value="11" />11 
<input type="checkbox"name="yf" id="yf" value="12" />12 
</body>
</html>

좋은 웹페이지 즐겨찾기