Menguji apakah kotak centang dicentang dengan jQuery

Jika kotak centang dicentang, maka saya hanya perlu mendapatkan nilai sebagai 1; jika tidak, saya harus mendapatkannya sebagai 0. Bagaimana saya melakukan ini menggunakan jQuery?

$("#ans").val() akan selalu memberi saya hak dalam hal ini:

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

Gunakan .is(':checked')untuk menentukan apakah itu dicentang atau tidak, dan kemudian tetapkan nilainya sesuai.

Informasi lebih lanjut di sini.

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

akan memberi tahu Anda jika sudah dicentang. Anda juga dapat menggunakan parameter kedua true / false untuk mencentang / menghapus centang pada kotak centang.

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

Per komentar, gunakan propbukan attrsaat tersedia. Misalnya:

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

Gunakan saja $(selector).is(':checked')

Ini mengembalikan nilai boolean.

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

Jawaban Stefan Brinkmann sangat baik, tetapi tidak lengkap untuk pemula (menghilangkan tugas variabel). Hanya untuk mengklarifikasi:

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

Ini berfungsi seperti ini:

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

Contoh:

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

Lansiran 'tidak'

Jika ini bermanfaat, harap jawab jawaban Stefan Brinkmann.

Anda dapat mencoba ini:

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

Saya telah menemukan masalah yang sama sebelumnya, semoga solusi ini dapat membantu Anda. pertama, tambahkan atribut khusus ke kotak centang Anda:

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

tulis ekstensi jQuery untuk mendapatkan nilai:

$.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;
    }
};

gunakan kode untuk mendapatkan nilai kotak centang:

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

Anda dapat menguji di sini

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

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

Jquery: var test= $("#ans").is(':checked') dan itu mengembalikan benar atau salah.

Dalam fungsi Anda:

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

Anda juga bisa menggunakan:

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

Menggunakan:

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

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

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

statusNum akan sama dengan 1 jika kotak centang dicentang, dan 0 jika tidak.

EDIT: Anda bisa menambahkan DOM ke fungsi juga.

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

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

Baru-baru ini saya mengunjungi kasing di mana saya perlu memeriksa nilai kotak centang ketika pengguna mengklik tombol. Satu-satunya cara yang tepat untuk melakukannya adalah menggunakan prop()atribut.

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

ini berhasil dalam kasus saya, mungkin seseorang akan membutuhkannya.

Ketika saya sudah mencoba .attr(':checked')mengembalikannya checkedtetapi saya ingin nilai boolean dan .val()nilai atribut dikembalikan value.

Ada beberapa pilihan yang ada ....

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

Jika semua opsi ini mengembalikan nilai true maka Anda dapat menetapkan nilai dengan lebih baik.

Coba ini

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

Di sini bendera benar jika dicentang sebaliknya salah

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

Sekali lagi ini akan membuat cheked

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

 $("#id").prop('checked') === true ? 1 : 0;

Anda bisa mendapatkan nilai (benar / salah) dengan dua metode ini

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

Pertama periksa nilainya dicentang

$("#ans").find("checkbox").each(function(){
    if ($(this).prop('checked')==true){ 
    var id = $(this).val()
    }
});

Set lain yang 0 nilai

Jika Anda ingin nilai integer dicentang atau tidak, coba:

$("#ans:checked").length

Anda dapat melakukannya, dengan cara ini:

$('input[id=ans]').is(':checked');