On Off Switch - 複選框

Question

在以下代碼中 - 如何執行檢查並取消選中。現在它只做一件事：

$('#div_group').click(function() { 
     var status = $(this).attr('checked'); 
     if(! status) { 
     status = false; 
     } 
     $("input[id~='div_group']").attr('checked', true); 

    }); 

Answer 1

使用.prop而不是.attr：

$('#div_group').click(function() { 
    var $this = $(this); 

    $("input[id~='div_group']").prop('checked', $this.is(':checked')); 
}); 

爲什麼？ http://api.jquery.com/prop/

Answer 2

你需要使用道具而不是attr。 嘗試...

$("input[id~='div_group']").prop('checked', true); 

，然後取消選中它設置true到false

Answer 3

您可以使用.is()在這種情況下看到的元素的:checked財產。這樣做之後，你應該使用.prop()的元素:checked財產分別設置爲真正或假。

$('#div_group').on('click', function() { 
    if($(this).is(':checked')) { 
     $("input[id~='div_group']").prop('checked', false); 
    } else { 
     $("input[id~='div_group']").prop('checked', true); 
    } 
});