如何修复此错误

How to fix this bug?

本文关键字:错误 何修复      更新时间:2023-09-26

在这个JSfiddle 中

http://jsfiddle.net/littlesandra88/jy93J/1/

我有没有遇到这样的问题:当单击"保存"时,它会将"详细信息"替换为"0"。

如果我评论这行

$(this).prev().html(order);

它不再这样做了,但排序也不起作用。尝试点击"签名"进行排序。

单击Save(保存)时,执行

$('form').live('submit', function() {
    return false;
});

是什么导致"详细信息"变为"0"?

如何解决这个问题,使排序仍然有效?

选择器'#accTable input包括<input value="Save" type="submit">

:checkbox添加到选择器以仅选择作为复选框的input元素。

我更新了你的fiddle来解决这个问题。

在点击功能中,由于您刚刚输入,因此同时包含了按钮和复选框。一旦您附加:checkbox,它就会阻止它在保存按钮上执行事件,这就是将0放在它之前的元素中的原因(详细信息链接)。

$('#accTable input:checkbox').click(function() {
    var order = this.checked ? '1' : '0';
    $(this).prev().html(order);
    $(this).parents("table").trigger("update");
});

http://jsfiddle.net/HH8nk/1/

您指向的是所有HTML输入元素,这里是:保存按钮和复选框。

更改

$('#accTable input').click(function() {

$('#accTable input[type=checkbox]').click(function() {

它会很好用的。