jQuery jika dicentang

Saya memiliki fungsi di bawah ini yang aku ingin hanya memicu ketika kotak centang di sama tr diperiksa. Tolong katakan padaku apa yang saya lakukan salah, metode biasa tidak bekerja. Terima kasih

JS

$(".add_menu_item_table").live('click', function() {
  var value_td = $(this).parents('tr').find('td.td_name').text();
  if ($('input.checkbox_check').attr(':checked')); {
    var newDiv = $('<div class="div_menu_button"></div>');
    var showDiv = $('<div id="show' + "0" + numShow++ + '" class="menu_button_info hidden"></div>');
    var toggleTrigger = $('<a id="toggleshow' + "0" + numToggle++ + '" data-target="#show' + "0" + numTarget++ + '" class="toggle_trigger actions"> </a><div style="padding:5px"></div>');
    var menuForm = $('<form id="menu_edit_form' + "0" + numForm++ + '" class="menu_creation_form"></form>');
    $('#created_buttons_list').append(
      newDiv.text(value_td)
    );
    newDiv.wrap("<li></li>");
    newDiv.append(toggleTrigger);
    newDiv.append(showDiv);
    showDiv.append(menuForm);
    menuForm.html('<label for="navigation_label">Navigation Label</label><input id="navigation_label' + "0" + numLabelone++ + '" type="text" placeholder="Navigation Label" name="navigation_label"><label for="attribute">Attribute</label><input id="attribute' + "0" + numLabeltwo++ + '" type="text" type="text" placeholder="Attribute" name="attribute"><label for="url">URL</label><input id="url' + "0" + numLabelthree++ + '" type="text" type="text" placeholder="URL" name="url"><input type="button" value="Remove" class="button_link remove_button"> <input type="reset" value="Cancel" class="button_link">');
  }
});

var numToggle = 0;
var numShow = 0;
var numTarget = 0;
var numForm = 0;
var numLabelone = 0;
var numLabeltwo = 0;
var numLabelthree = 0;
<table width="316px" border="0" cellspacing="0" cellpadding="0" id="table-data">
  <tbody>
    <tr>
      <td width="20px"><input type="checkbox" style="width:20px;" value="1" name="checkbox"></td>
      <td width="200px"><a href="/admin/feedbackmanager/sortby/2/sortdesc/0">Page Name</a></td>
      <td width="20px"><a href="/admin/feedbackmanager/sortby/3/sortdesc/0">Add</a></td>
    </tr>
    <tr>
      <td><input type="checkbox" style="width:20px;" value="1" name="checkbox" class="checkbox_check"></td>
      <td class="td_name">Timeplot</td>
      <td><input class="add_menu_item_table" name="add_menu_item" value="Add" type="button"></td>
    </tr>
    <tr>
      <td><input type="checkbox" style="width:20px;" value="1" name="checkbox" class="checkbox_check"></td>
      <td class="td_name">Operations Manuals</td>
      <td><input class="add_menu_item_table" name="add_menu_item" value="Add" type="button"></td>
    </tr>
    <tr>
      <td><input type="checkbox" style="width:20px;" value="1" name="checkbox" class="checkbox_check"></td>
      <td class="td_name">Company Structure</td>
      <td><input class="add_menu_item_table" name="add_menu_item" value="Add" type="button"></td>
    </tr>
    <tr>
      <td><input type="checkbox" style="width:20px;" value="1" name="checkbox" class="checkbox_check"></td>
      <td class="td_name">CMS Report</td>
      <td><input class="add_menu_item_table" name="add_menu_item" value="Add" type="button"></td>
    </tr>
    <tr>
      <td><input type="checkbox" style="width:20px;" value="1" name="checkbox" class="checkbox_check"></td>
      <td class="td_name">Test Document</td>
      <td><input class="add_menu_item_table" name="add_menu_item" value="Add" type="button"></td>
    </tr>
    <tr>
      <td><input type="checkbox" style="width:20px;" value="1" name="checkbox" class="checkbox_check"></td>
      <td class="td_name">Test CMS page</td>
      <td><input class="add_menu_item_table" name="add_menu_item" value="Add" type="button"></td>
    </tr>
  </tbody>
</table>
RubioRic
Pertanyaan edit 14 Mei 2018 в 8:17
Pemrograman
jquery checkbox if-statement
31 Oktober 2011 в 9:53
40 tayangan
Mengomentari pertanyaan (2)
Larutan
if ($('input.checkbox_check').is(':checked')) {
Komentar (3)

untuk jQuery 1.6 atau lebih tinggi:

if ($('input.checkbox_check').prop('checked')) {
    //blah blah
}

cross-browser-cara yang kompatibel untuk menentukan apakah kotak centang dicentang untuk menggunakan properti https://api.jquery.com/prop/

Alex
Jawaban edit 9 April 2015 в 2:58
Komentar (1)

ini $(&#39;#checkboxId&#39;).adalah(&#39;:diperiksa&#39;) untuk memverifikasi jika diperiksa

& ini $("#checkboxId").prop(&#39;telah memeriksa&#39;, true) untuk memeriksa

& ini $("#checkboxId").prop(&#39;telah memeriksa&#39;, false) untuk hapus centang

zkanoca
Jawaban edit 15 Januari 2017 в 9:32
Komentar (1)

Jika tidak ada solusi di atas bekerja untuk alasan apapun, seperti kasus saya, coba ini:

  <script type="text/javascript">
    $(function()
    {
      $('[name="my_checkbox"]').change(function()
      {
        if ($(this).is(':checked')) {
           // Do something...
           alert('You can rock now...');
        };
      });
    });
  </script>
Komentar (0)

Melihat perbedaan utama antara ATTR | PROP | ADALAH di bawah ini:

Sumber: http://api.jquery.com/attr/

$( "input" )
  .change(function() {
    var $input = $( this );
    $( "p" ).html( ".attr( 'checked' ): " + $input.attr( "checked" ) + "<br>" +
      ".prop( 'checked' ): " + $input.prop( "checked" ) + "<br>" +
      ".is( ':checked' ): " + $input.is( ":checked" ) + "" );
  })
  .change();
p {
    margin: 20px 0 0;
  }
  b {
    color: blue;
  }
<meta charset="utf-8">
  attr demo
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>



<input id="check1" type="checkbox" checked="checked">
Check me
<p></p>
Komentar (0)

Jika memeriksa:

$( "SELECTOR" ).attr( "checked" )  // Returns ‘true’ if present on the element, returns undefined if not present
$( "SELECTOR" ).prop( "checked" ) // Returns true if checked, false if unchecked.
$( "SELECTOR" ).is( ":checked" ) // Returns true if checked, false if unchecked.

Mendapatkan memeriksa val:

$( "SELECTOR:checked" ).val()

Mendapatkan memeriksa val nomor:

$( "SELECTOR:checked" ).length

Centang atau hapus centang kotak

$( "SELECTOR" ).prop( "disabled", false );
$( "SELECTOR" ).prop( "checked", true );
Komentar (0)