我正在尝试使用全选复选框来选择一列复选框。jsp标签库更改复选框名称?
因此,我给所有我想要立即检查的同名ABoxesElement,以便我可以轻松地在javascript中检查它们。
但是,当我在firefox中使用firebug时,我可以看到复选框没有保留我给他们的名字,但是预先输入了组件名称,并在我的复选框中附加了一个自动递增的数字。
既然不能在getElementByName使用正则表达式我怎么能去有关设置多个复选框相同的值。 (ID用于别的东西)..这里是我的代码:
全部选中复选框,我想检查
<dmf:checkbox
name="ABoxesElement"
id="<%=...%>"
runatclient="true"/>
复选框之一
<dmf:checkbox
name="ABoxes"
onclick = 'selectAllACheckBoxes'
id="allABoxes"
runatclient="true"/>
例****的Javascript的实施例****
function selectAllCheckBoxes(source) {
var checked = source.checked
var cbName = source.name + 'Element';
var col = document.getElementsByName(cbName);
for (var i=0; i<col.length;i++)
{
col[i].checked = checked;
col[i].disabled = !checked;
}
}
然而,当页面呈现时,我注意到各个复选框的名称不是ABoxesElement但类似于component_nameAboxesElement_2因此,除非getElementsByName可以接受正则表达式,否则脚本将不起作用。
如何去解决这个任何想法?
的TLD的复选框,还有一个属性
<attribute>
<name>datafield</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue> </attribute>
可以用它来存放“名称”,然后通过它访问元素?
EDIT HTML输出为单个复选框
<input type="hidden" value="true" id="a1ON_hidden" name="mform_content_AboxesElement_hidden_2"/>
<input type="checkbox" onclick="setKeys(event);safeCall(selectAllCheckBoxes,this);" value="" title="Click here" id="a1ON" name="form_content_AboxesElement_2"/>
编辑2 HTML输出一个全选复选框
<input type="hidden" name="mform_content_ABoxes_hidden_1" id="allABoxes_hidden" value="true"/>
<input type="checkbox" name="mform_content_ABoxes_1" id="marketsAll" title="Click to select" value="" onclick="setKeys(event);safeCall(selectAllCheckBoxes,this);"/>
在编写JS时,请考虑生成的HTML输出。 JS看到的只是HTML DOM树。你可以巧妙地利用它。您可以使用生成的HTML的最小可能提取来更新您的问题(至少“选择全部”复选框和带有复选框的表格)。 – BalusC 2009-12-23 16:27:30