复选框单击不同步-Jquery

Question

我有一个带有复选框和文本输入列的表格。复选框列的最后一行有一个“全选”链接。

全部勾选后点击：

1：文字必须改为“Uncheck All”

2：在列中勾选上面的框并设置textbox text = 500。

在“取消选中全部”时： 1：文字必须改为“全选” 2：取消选中该框并清除文本框。

但是上面的第 2 点不能正常工作。

步骤：

1：单击“全选” - 文本更改为“取消全选”并选中复选框，但未将文本框设置为 500。

2: 点击“Uncheck All” - 文本更改为“Check All”并且框未选中，但现在它将文本框设置为 500。

我认为这是一些事件处理问题，但到目前为止我还没有弄清楚。

有什么想法吗？

注意：我将不得不使用“onclick”，因为我的实际代码是 .aspx 页面，它无法识别带有复选框的 onchange。

更新代码 Sample.

Answer 1

函数 onClick() 和 setValue() 在 click() 对复选框进行检查之前运行； 因此，在第 1 步，它没有看到选中的复选框。

Answer 2

将“已检查”更改为布尔值，这很好。

更新 http://jsbin.com/inocud/16

类方法 - http://jsbin.com/inocud/22

Answer 3

试试这个

<script> 
 $(function () {
            $(".checkall").click(function () {


                if ($(this).text() == "Check All") {
                    $(this).text("Uncheck All");
                    $(this).parent().parent().prevUntil('tbody').each(function () {
                        $(this).find("td input:checkbox").attr('checked', 'checked').click();
                    });
                }
                else {
                    $(this).text("Check All");
                    $(this).parent().parent().prevUntil('tbody').each(function () {
                        $(this).find("td input:checkbox").removeAttr('checked').click();
                    });
                }
            });
        });
        function setValue(chb, txtid, valu) {
            if ($(chb).is(":checked")) {
                $("#" + txtid).val(valu);
            }
            else {
                $("#" + txtid).val("");
            }
        }

</script>

Answer 4

尝试射击。

已更新（虽然是 hack，但有效）：http://jsfiddle.net/2YGYt/

另一种方法（非hacky方式）：http://jsfiddle.net/2YGYt/3/