javascript - 让复选框递归标记复选框

Question

我正在使用以下函数对切换复选框进行分组。

<script type=text/javascript>
function toggle(source, wild_name) {
  checkboxes = document.getElementsByName(wild_name);
  for(var i in checkboxes)
    checkboxes[i].checked = source.checked;
}
</script>

因此，当我单击定义为的复选框时:

<input type="checkbox" onchange="toggle(this, 'tweak_os')" name="toggle_tweak_os"> Toggle All

它检查任何名为“tweak_os”的复选框。但是我正在尝试这样做，以便如果一个复选框调用检查另一个复选框的函数，则应该执行相同的函数。在以下代码中:

<input type="checkbox" onchange="toggle(this, 'toggle_tweak_os')" name="toggler">
<input type="checkbox" onchange="toggle(this, 'tweak_os')" name="toggle_tweak_os">
<input type=checkbox id=tweak_os_1 name=tweak_os value=tweak_os_1>

我希望在单击名为“toggler”的第一个复选框时选中最后一个名为“tweak_os”的复选框。

Answer 1

尝试触发复选框的 onchange 函数(如果存在)，

if (checkboxes[i].onchange) checkboxes[i].onchange();

演示: http://jsfiddle.net/wDBxb/

function toggle(source, wild_name) {
    checkboxes = document.getElementsByName(wild_name);
    for (var i in checkboxes) {
       checkboxes[i].checked = source.checked;
       if (checkboxes[i].onchange) checkboxes[i].onchange();
    }   
}