2011-07-27 38 views
28

thể trùng lặp:
How do I check a checkbox with JQuery or Javascript?Làm cách nào để tạo hộp kiểm được chọn với jQuery?

Tôi đang cố gắng để thực hiện một hộp kiểm kiểm tra (hoặc không) với jQuery.

My dụ HTML:

<input type="checkbox" id="test" name="test" /> 

Nỗ lực tại thanh toán bù trừ một hộp kiểm (không hoạt động)

$('#test').val('off'); 

và tại kiểm tra:

$('#test').val('on'); 

Làm thế nào để kiểm soát hộp kiểm tra với jQuery?

Trả lời

55
$('#test').prop('checked', true); 

Lưu ý chỉ trong jQuery 1.6+

6
$('#checkbox').prop('checked', true); 

Khi bạn muốn nó bỏ chọn:

$('#checkbox').prop('checked', false); 
9
$('#test').attr('checked','checked'); 

$('#test').removeAttr('checked'); 
4

từ jQuery v1.6 sử dụng prop

để chec k được checkd hay không

$('input:radio').prop('checked') // will return true or false 

và để làm cho nó checkd sử dụng

$("input").prop("checked", true); 
+0

OP đã không yêu cầu nếu hộp kiểm được kiểm tra hay không, nhưng làm thế nào để kiểm tra xem nó –

+0

@Nicola i đã cập nhật câu trả lời của tôi. – diEcho

2

Bạn không cần phải kiểm soát hộp kiểm của bạn với jQuery. Bạn có thể làm điều đó với một số JavaScript đơn giản.

Đoạn mã JS này sẽ hoạt động tốt:

document.TheFormHere.test.Value = true;

+1

Bạn cũng có thể viết mã trong assembly nhưng nó không có nghĩa là bạn luôn muốn. – Dismissile

6

Tôi nghĩ bạn nên sử dụng lệnh prop(), nếu bạn đang sử dụng jQuery 1.6 trở đi.

Để kiểm tra nó, bạn nên làm:

$('#test').prop('checked', true); 

để bỏ chọn nó:

$('#test').prop('checked', false); 
Các vấn đề liên quan