jQuery si la casilla de verificación está marcada

Tengo una función a continuación que quiero que sólo se active cuando se marque una casilla de verificación en el mismo tr. Por favor, díganme qué estoy haciendo mal, los métodos habituales no funcionan. Gracias

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>

Fin del fragmento;

RubioRic
Pregunta editada 14º mayo 2018 в 8:17
Programación
jquery checkbox if-statement
31º octubre 2011 в 9:53
25 vistas
Comentarios sobre la pregunta (2)
Solución
if ($('input.checkbox_check').is(':checked')) {
Comentarios (3)

para jQuery 1.6 o superior:

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

La forma compatible con los navegadores para determinar si una casilla de verificación está marcada es utilizar la propiedad https://api.jquery.com/prop/

Alex
Respuesta editada 9º abril 2015 в 2:58
Comentarios (1)

este $('#checkboxId').is(':checked') para verificar si está marcado

& este $("#checkboxId").prop('checked', true) para verificar

& este $("#checkboxId").prop('checked', false) para desmarcar

zkanoca
Respuesta editada 15º enero 2017 в 9:32
Comentarios (1)

Si ninguna de las soluciones anteriores funciona por alguna razón, como en mi caso, pruebe esto:

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

Vea la principal diferencia entre ATTR | PROP | IS abajo:

[Fuente: http://api.jquery.com/attr][1]/

¡...! Empieza el recorte: js hide: falsa consola: verdadera babel: falso --

$( "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>

¡...!... recorte final..;

[1]: http://api.jquery.com/attr/

Comentarios (0)

Si marcado:

$( "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.

Consigue el checked val:

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

Consigue los números de Val:

$( "SELECTOR:checked" ).length

Marque o desmarque la casilla de verificación.

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