我遇到了一个奇怪的问题。我有一个带有复选框列的表格。我正在使用 JQuery Mobile 复选框。我希望单击一行与单击该行中的复选框相关联。
JS:
$(document).on('pagecreate', function (event) {
bindRowClick();
});
function bindRowClick() {
$('.productTable').find('tr').click(function () {
var chck = $(this).find('td.hyperLink').find('input[type=checkbox]:first');
var chckStatus = chck.is(':checked');
alert("chckStatus 1: " + chckStatus);
alert("!chckStatus: " + !chckStatus);
chck.attr('checked', !chckStatus).checkboxradio().checkboxradio('refresh');
alert("chckStatus 2: " + chck.is(':checked'));
});
}
HTML:这是在里面<td class="hyperlink">
<fieldset data-role="controlgroup" id="divCheckbox">
<asp:CheckBox runat="server" ID="checkboxSelect" CssClass="custom chckSelect"
meta:resourcekey="checkboxSelectResource1" />
<asp:Label ID="lblForChck" CssClass="lblForChck" AssociatedControlID="checkboxSelect" runat="server"
meta:resourcekey="lblForChckResource1" />
</fieldset>
当我单击第 1 行时发生了什么(直到现在才选中复选框):
first alert returns: "chckStatus 1: false"
second alert returns: "!chckStatus: true"
third alert returns: "chckStatus 2: true"
当我点击相同的第 2 行时发生了什么(之前选中了复选框):
first alert returns: "chckStatus 1: true"
second alert returns: "!chckStatus: false"
third alert returns: "chckStatus 2: false"
现在奇怪的部分
当我再次单击同一行时 - 而不是选择复选框(如第一次),我得到以下结果:
first alert returns: "chckStatus 1: true"
second alert returns: "!chckStatus: false"
third alert returns: "chckStatus 2: false"
我发现可能与此问题有关的内容: 以前工作的“.checkboxradio('refresh')”现在在 a3 中损坏