JQUERY控制INPUT 標籤 全選和反選案例

你們都知道有的瀏覽器只要寫disabled，checked就能夠了，而有的要寫成disabled = "disabled"，checked="checked"，好比用attr("checked")獲取checkbox的checked屬性時選中的時候能夠取到值,值爲"checked"但沒選中獲取值就是undefined。

jq提供新的方法「prop」來獲取這些屬性，就是來解決這個問題的，之前咱們使用attr獲取checked屬性時返回"checked"和"",如今使用prop方法獲取屬性則統一返回true和false。

 

$(".chooseall").click(function(){

    if($(".chooseall").prop("checked") == true){

     $("input[name='checkbox1']").prop("checked", false);

        console.log(1);

    }else{

        $("input[name='checkbox1']").prop("checked", true);

        console.log(2);

    }

});

或者

$(".chooseall").click(function(){     var isChecked = $(this).prop("checked");     $("input[name='checkbox1']").prop("checked", isChecked); });