Ich habe eine Funktion darunter, die ich nur auslösen möchte, wenn ein Kontrollkästchen in derselben tr aktiviert ist. Bitte sagen Sie mir, was ich falsch mache, die üblichen Methoden funktionieren nicht. Vielen Dank
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>
</tbody>
</table>
jquery
checkbox
if-statement
Clinton Green
quelle
quelle
$('input.checkbox_check').checked
kehrt zurück,true
wenn es markiert ist,false
sonstchecked
. Ich denke du meintest$('input.checkbox_check')[0].checked
Antworten:
quelle
if $('#my_checkbox').is ':checked'
if ( elem.checked )
oderif ( $( elem ).prop( "checked" ) )
oder zu verwenden.if ( $( elem ).is( ":checked" ) )
" siehe api.jquery.com/propfür jQuery 1.6 oder höher:
quelle
Dies
$('#checkboxId').is(':checked')
zur Überprüfung, ob aktiviert ist& dies
$("#checkboxId").prop('checked', true)
zu überprüfen& dies
$("#checkboxId").prop('checked', false)
zu deaktivierenquelle
Wenn keine der oben genannten Lösungen aus irgendeinem Grund funktioniert, wie in meinem Fall, versuchen Sie Folgendes:
quelle
Siehe Hauptunterschied zwischen ATTR | PROP | IS unten:
Quelle: http://api.jquery.com/attr /
quelle
Wenn aktiviert :
Holen Sie sich den geprüften Wert:
Holen Sie sich die überprüften Wertnummern:
Aktivieren oder deaktivieren Sie das Kontrollkästchen
quelle
$( "SELECTOR:checked" ).val()
onvalue="on"
gibt Ihnen "on", wenn aktiviert und "", wenn nicht aktiviert - nützlich!