It is odd when using "attr" on checkbox, it works on the first time only

[LeonLi0102]

<textarea>




<title>Checkbox Test</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
    $().ready(function(){       
        $("#checkControl").click(function(){            
            // It is odd it works only on the first time whey you click 'All/None'  
             $("input[name='check_items']").attr("checked",this.checked);
             
            // I know this will work, but still the code above is confused me.
            // $("input[name='check_items']").prop("checked",this.checked);
             
        });     
    });     
    </script>


All/None


item1

item2



</textarea>

[AchoArnold]

@LeonLi0102 Please can you provide a test case? Everything works fine here http://jsfiddle.net/129d9ubc/1/

[scottgonzalez]

Please read the documentation about boolean attributes on http://api.jquery.com/attr/.

[LeonLi0102]

<textarea>




<title>Checkbox Test</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
    $().ready(function(){       
        $("#checkControl").click(function(){            
            // It is odd it works only on the first time whey you click 'All/None'  
             $("input[name='check_items']").attr("checked",this.checked);
             
            // I know this will work, but still the code above is confused me.
            // $("input[name='check_items']").prop("checked",this.checked);
             
        });     
    });     
    </script>


All/None


item1

item2



</textarea>

[AchoArnold]

@LeonLi0102 Please read the documentation pointed by @scottgonzalez and you'll understand

[LeonLi0102]

Thanks!