0

我有一组复选框和一个切换按钮来选中/取消选中该组中的所有复选框。与按钮关联的函数将与每个复选框关联的值放在另一个表中。单击按钮时，该功能可以正常工作，但即使单击按钮，复选框也不显示复选符号。这是代码：

function selRemChecks(aDivId,buttonId){
    var myDiv = dojo.byId(aDivId).getElementsByTagName("tr");
    for (j=0;j<myDiv.length;j++){
        myDiv[j].childNodes[3].childNodes[0].firstChild.checked=dojo.byId(buttonId).checked;
    }
    if (dojo.byId(buttonId).checked==true){
        dijit.byId(buttonId).set("label", "Clear group");
    }
    else if (dojo.byId(buttonId).checked==false){
        dijit.byId(buttonId).set("label", "Select group");
    }
}

请建议我一个解决方案。

我在这里添加了我的 HTML 代码：

<div data-dojo-type="dijit.form.Form" id="group1AForm" name="group1AForm">
<div dojoType="dijit.TitlePane" id="group1A" title="Population projection" open="false">
<table id="popIndTableA">
<tr id="testing">
<td id="indCBRA">Crude Birth Rate</td>
<td id="testing2"><input data-dojo-type="dijit.form.CheckBox" class="check1A" id="checkCBRA" name="checkCBRA" /></td>
<td id="infoCBRA"><img id="imgCBRA" src="Images/help_icon2.png"  width="16px" onClick="" /></td>
</tr>
<tr>
<td id="indTestA1">Test 1</td>
<td><input data-dojo-type="dijit.form.CheckBox" class="check1A" id="checkTestA1" name="checkTestA1" /></td>
<td id="infoTestA1"><img id="imgTestA1" src="Images/help_icon2.png"  width="16px" onClick="" /></td>
</tr>
<tr>
<td id="indTestA2">Test 2</td>                
<td><input data-dojo-type="dijit.form.CheckBox" class="check1A" id="checkTestA2" name="checkTestA2" /></td>
<td id="infoTestA2"><img id="imgTestA2" src="Images/help_icon2.png"  width="16px" onClick="" /></td>
</tr>
</table>
</div>
<div dojo-data-type="dijit.form.Form" id="selectGrp1A" name="selectGrp1A">
<button dojoType="dijit.form.ToggleButton" iconClass="dijitCheckBoxIcon" id="selGrp1A" onclick="selRemChecks('group1A',this.id); ">Select group </button>
</div>
</div>
4

1 回答 1

0

我会试试这个： http ://www.shiningstar.net/articles/articles/javascript/checkboxes.asp

于 2012-07-04T19:08:33.917 回答