Kiểm tra xem hộp kiểm có được chọn với jQuery

Question

Nếu hộp kiểm được chọn, thì tôi chỉ cần nhận giá trị là 1; nếu không, tôi cần để có được nó như là 0. Làm thế nào để làm điều này bằng cách sử dụng jQuery?

$("#ans").val() sẽ luôn luôn cho tôi một trong những quyền trong trường hợp này:

<input type="checkbox" id="ans" value="1" /> 

Answer 1

Sử dụng .is(':checked') để xác định có hay không nó được kiểm tra, và sau đó thiết lập giá trị của mình cho phù hợp.

More information here.

Answer 2

Sử dụng:

$("#ans option:selected").val() 

Answer 3

$("#ans").attr('checked') 

sẽ cho bạn biết nếu nó được kiểm tra. Bạn cũng có thể sử dụng tham số thứ hai true/false để kiểm tra/bỏ chọn hộp kiểm.

$("#ans").attr('checked', true); 

mỗi bình luận, sử dụng prop thay vì attr when available. Ví dụ:

$("#ans").prop('checked') 

Answer 4

Bạn cũng có thể sử dụng:

$("#ans:checked").length == 1; 

Answer 5

Chỉ cần sử dụng $(selector).is(':checked')

Nó trả về một giá trị boolean.

Answer 6

Tôi đã tìm thấy cùng một vấn đề trước đây, hy vọng giải pháp này có thể giúp bạn. đầu tiên, thêm một thuộc tính tùy chỉnh để hộp kiểm của bạn:

<input type="checkbox" id="ans" value="1" data-unchecked="0" /> 

viết một phần mở rộng jQuery để nhận được giá trị:

$.fn.realVal = function(){ 
    var $obj = $(this); 
    var val = $obj.val(); 
    var type = $obj.attr('type'); 
    if (type && type==='checkbox') { 
     var un_val = $obj.attr('data-unchecked'); 
     if (typeof un_val==='undefined') un_val = ''; 
     return $obj.prop('checked') ? val : un_val; 
    } else { 
     return val; 
    } 
}; 

đang sử dụng để có được giá trị kiểm tra hộp:

$('#ans').realVal(); 

bạn có thể kiểm tra here

Answer 7

function chkb(bool){ 
if(bool) 
return 1; 
return 0; 
} 

var statusNum=chkb($("#ans").is(':checked')); 

statusNum sẽ bằng 1 nếu hộp kiểm được chọn và 0 nếu không.

EDIT: Bạn cũng có thể thêm DOM vào hàm.

function chkb(el){ 
if(el.is(':checked')) 
return 1; 
return 0; 
} 

var statusNum=chkb($("#ans")); 

Answer 8

thử này

$('input:checkbox:checked').click(function(){ 
    var val=(this).val(); // it will get value from checked checkbox; 
}) 

Đây cờ là đúng nếu kiểm tra bằng cách khác sai

var flag=$('#ans').Attr('checked'); 

Một lần nữa điều này sẽ làm cho cheked

$('#ans').Attr('checked',true); 

Answer 9

// use ternary operators 
$("#ans").is(':checked') ? 1 : 0; 

Answer 10

$('input:checkbox:checked').val();  // get the value from a checked checkbox 

Answer 11

<input type="checkbox" id="ans" value="1" /> 

Jquery: var test= $("#ans").is(':checked') và nó trở lại đúng hay sai.

Trong chức năng của bạn:

$test =($request->get ('test')== "true")? '1' : '0'; 

Answer 12

câu trả lời Stefan Brinkmann là tuyệt vời, nhưng không đầy đủ cho người mới bắt đầu (bỏ qua sự phân công biến). Chỉ cần làm rõ:

// this structure is called a ternary operator 
var cbAns = ($("#ans").is(':checked')) ? 1 : 0; 

Nó hoạt động như thế này:

var myVar = (if test goes here) ? 'ans if yes' : 'ans if no' ; 

Ví dụ:

var myMath = (1 > 2) ? 'yes' : 'no' ; 
alert(myMath); 

Cảnh báo 'không'

Nếu đây là hữu ích, xin vui lòng upvote Stefan Câu trả lời của Brinkmann.

Answer 13

Bạn có thể thử này:

$('#studentTypeCheck').is(":checked"); 

Answer 14

tôi đã đến qua một trường hợp gần đây, nơi tôi đã cần check value của checkbox khi người dùng nhấp vào nút. Cách thích hợp duy nhất để làm như vậy là sử dụng thuộc tính prop().

var ansValue = $("#ans").prop('checked') ? $("#ans").val() : 0; 

điều này có thể xảy ra trong trường hợp của tôi có thể ai đó sẽ cần đến.

Khi tôi đã thử .attr(':checked'), nó trả về checked nhưng tôi muốn giá trị boolean và .val() giá trị trả về của thuộc tính value.

Answer 15

Bạn có thể nhận được giá trị (true/false) bởi hai phương pháp này

$("input[type='checkbox']").prop("checked"); 
$("input[type='checkbox']").is(":checked"); 

Answer 16

Có vài tùy chọn là có thích ....

1. $("#ans").is(':checked') 
2. $("#ans:checked") 
3. $('input:checkbox:checked'); 

Nếu tất cả những lựa chọn trở thành sự thật sau đó bạn có thể thiết lập giá trị accourdingly.

Answer 17

Nếu bạn muốn giá trị nguyên được chọn hoặc không thử:

$ ("# ans: checked").length