使用jQuery / AJAX更改facebox中的CheckBox状态

时间:2011-07-20 04:26:20

标签: jquery ajax facebox

我正在使用jQuery AJAX通过Web服务将Web用户控件的HTML动态加载到我的<div>元素之一。
这绝对没问题。

当我使用facebox插件将div显示为弹出窗口时,会出现问题。我在此div中选中了所有/无复选框,应选中所有复选框或取消选中所有复选框。
当我单击链接选择所有 / 并尝试通过jQuery选择所有复选框时,没有任何反应,在我关闭弹出窗口并重新打开之前,我的复选框上没有任何内容。<登记/> 一旦我重新打开弹出窗口,我就会看到所有复选框都被选中 可能是什么问题?

1 个答案:

答案 0 :(得分:0)

如果没有代码示例,真正理解你想要的东西有点难,但我会猜测。这是制作“全选”复选框的一种方法:

HTML:

<input type="checkbox" class="select-all" name="select-all" id="select-all" value="select all" />
<label for="select-all">Select All</label>
<input type="checkbox" class="checkbox" name="checkbox1" id="checkbox1" value="1"/>
<input type="checkbox" class="checkbox" name="checkbox2" id="checkbox2" value="2"/>
<input type="checkbox" class="checkbox" name="checkbox3" id="checkbox3" value="3"/>
<input type="checkbox" class="checkbox" name="checkbox4" id="checkbox4" value="4"/>
<input type="checkbox" class="checkbox" name="checkbox5" id="checkbox5" value="5"/>

jQuery的:

$("#select-all").click(function(){
    if ($(this).attr("checked") == "checked") {
        $(".checkbox").attr("checked", "checked");
    } else {
        $(".checkbox").removeAttr("checked");
    }
});