Pertanyaan Periksa apakah kotak centang dicentang dengan jQuery


Bagaimana saya bisa memeriksa apakah kotak centang di kotak centang dicentang menggunakan id dari array kotak centang?

Saya menggunakan kode berikut, tetapi selalu mengembalikan jumlah kotak centang yang dicentang tanpa memandang id.

function isCheckedById(id) {
  alert(id);
  var checked = $("input[@id=" + id + "]:checked").length;
  alert(checked);

  if (checked == 0) {
    return false;
  } else {
    return true;
  }
}

943
2018-02-05 00:23


asal


Jawaban:


ID harus unik dalam dokumen Anda, yang berarti Anda seharusnya tidak melakukan hal ini:

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

Sebagai gantinya, masukkan ID, lalu pilih mereka berdasarkan nama, atau dengan elemen yang mengandung:

<fieldset id="checkArray">
    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

Dan sekarang jQuery:

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;

574
2018-02-05 00:31



$('#' + id).is(":checked")

Itu mendapat jika kotak centang dicentang.

Untuk serangkaian kotak centang dengan nama yang sama Anda bisa mendapatkan daftar yang dicentang oleh:

var $boxes = $('input[name=thename]:checked');

Kemudian untuk mengulangnya dan melihat apa yang dicentang yang dapat Anda lakukan:

$boxes.each(function(){
    // Do stuff here with this
});

Untuk menemukan berapa banyak yang dapat Anda lakukan:

$boxes.length;

1689
2018-02-05 00:24



$('#checkbox').is(':checked'); 

Kode di atas mengembalikan true jika kotak centang dicentang atau salah jika tidak.


240
2018-05-31 09:37



Semua metode berikut berguna:

$('#checkbox').is(":checked")

$('#checkbox').prop('checked')

$('#checkbox')[0].checked

$('#checkbox').get(0).checked

Disarankan bahwa DOMelement atau inline "this.checked" harus dihindari, bukan jQuery pada metode harus digunakan pendengar acara.


79
2017-07-13 16:25



Konsep paling penting untuk diingat tentang atribut yang dicentang adalah   bahwa itu tidak sesuai dengan properti yang dicentang. Atribut   sebenarnya sesuai dengan properti defaultChecked dan harus digunakan   hanya untuk menetapkan nilai awal dari kotak centang. Atribut yang diperiksa   nilai tidak berubah dengan keadaan kotak centang, sedangkan   properti yang dicentang tidak. Oleh karena itu, cara lintas-browser-kompatibel untuk   menentukan apakah kotak centang dicentang adalah dengan menggunakan properti

Semua metode di bawah ini dimungkinkan

elem.checked 

$(elem).prop("checked") 

$(elem).is(":checked") 

57
2017-07-09 06:40



kode jQuery untuk memeriksa apakah kotak centang dicentang atau tidak:

if($('input[name="checkBoxName"]').is(':checked'))
{
  // checked
}else
{
 // unchecked
}

Kalau tidak:

if($('input[name="checkBoxName"]:checked'))
{
    // checked
}else{
  // unchecked
}

57
2017-10-04 10:06



Anda dapat menggunakan kode ini,

if($("#checkboxId").is(':checked')){
     // Code in the case checkbox is checked.
} else {
     // Code in the case checkbox is NOT checked.
}

32
2017-10-07 14:26



Anda dapat mencoba ini:

<script>
function checkAllCheckBox(value)
{
   if($('#select_all_').is(':checked')){
   $(".check_").attr ( "checked" ,"checked" );
    }
    else
    {
        $(".check_").removeAttr('checked');
    }

 }

</script>
<input type="checkbox" name="chkbox" id="select_all_" value="1" />


<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />
<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />

27
2017-07-11 08:43