Kiểm tra các thuộc tính hộp kiểm tra là đúng, nhưng đánh dấu không được hiển thị

Question

Tôi có hai hộp kiểm, mà tôi muốn thực hiện để hành xử giống như chúng là nút radio (chỉ một trong số chúng được kiểm tra tại thời điểm).

Vì vậy, tôi đã dễ dàng tìm thấy một giải pháp jQuery rằng nên làm như lừa:

$("input:checkbox").click(function(){ 
    var group = "input:checkbox[name='"+$(this).attr("name")+"']"; 
    $(group).attr("checked",false); 
    $(this).attr("checked",true); 
}); 

HTML trông như thế này:

<div class="radio"> 
    <label for="q_is_active_true">Is active</label> 
    <input name="radio_buttons" type="hidden" value="0"><input id="q_is_active_true" name="radio_buttons" type="checkbox" value="1"> 
    <label for="q_is_active_false">Is not active</label> 
    <input name="radio_buttons" type="hidden" value="0"><input id="q_is_active_false" name="radio_buttons" type="checkbox" value="1"> 
</div> 

Nhưng khi tôi click vào một trong các hộp kiểm tra, thậm chí thuộc tính "kiểm tra" của nó được đặt thành "đã chọn" không có dấu chọn nào được hiển thị:

Answer 1

Bạn cần phải được thiết lập tình trạng kiểm tra bởi nó prop erty để đạt được những gì bạn muốn:

$("input:checkbox").click(function(){ 
    var group = "input:checkbox[name='"+$(this).attr("name")+"']"; 
    $(group).prop("checked", false); 
    $(this).prop("checked", true); 
}); 

jsFiddle here.

Answer 2

Bạn có thể thử theo cách này:

$('input[name=checkBoxName]').parents('span').addClass("checked"); 
$("input[name=checkBoxName]").prop('checked', 'checked'); 

Dòng đầu tiên là để hiển thị đánh dấu vào hộp kiểm và dòng thứ hai là để thực sự kiểm tra nó.