Question

我在{foreach}标记下有动态网页。

<div id="c1">
{foreach}
<input type="checkbox" name="checkbox" id="{$num}" checked/>
{/foreach}
</div>

作为回报打印类似的东西。

<div id="c1">
<input type="checkbox" name="checkbox1" id="1" checked/>
<input type="checkbox" name="checkbox2" id="2" checked/>
<input type="checkbox" name="checkbox3" id="3" checked/>
</div>

我想要的是隐藏 <div id="c1">＆amp; 仅在外显示一个复选框 <div id="c1">

控制 <div id="c1">

内的所有复选框

我怎样才能做到这一点？

感谢。

Mandar

Answer 1

你的意思是这样的吗？

尝试一下： http://jsfiddle.net/3Hjam/ （点击右侧面板中的复选框）

HTML

<div id="c1">
    <input type="checkbox" name="checkbox1" id="1" checked />
    <input type="checkbox" name="checkbox2" id="2" checked />
    <input type="checkbox" name="checkbox3" id="3" checked />
</div>
<input type="checkbox" name="master" id="master" checked />

的jQuery

$('#c1').hide();

$('#master').change(function() {
        // Click the children of c1 when the master is clicked
    $('#c1').children().click();

        // Display the current values in an alert
    var result = $('#c1').children().map(function() {
        return $(this).attr('checked');
    }).get().join(',');

    alert(result);
});

在{foreach}标记之外创建主复选框

1 个答案: