如何从 jQuery 或 JavaScript 访问 JSF 的 SelectItem

Question

有没有办法从 JavaScript 或 jQuery 访问 selectItem JSF 的 id？

<a:commandButton id="ajaxButton" value="change" onclick="selectCheck()">
</a:commandButton>

<h:selectManyCheckbox id="check" >
    <f:selectItem id="myCheckbox" itemLabel="India" itemValue="India"  />
    <f:selectItem itemLabel="China" itemValue="China" />
    <f:selectItem itemLabel="Germany" itemValue="Germany" />
    <f:selectItem itemLabel="USA" itemValue="USA" />
</h:selectManyCheckbox>

我尝试访问组件的 id 但它返回 null：

function selectCheck() {
    var obj = document.getElementById("myCheckbox");
    alert(obj);
    obj.checked=true;
}

我想通过 JavaScript 或 jQuery 动态检查这些复选框中的任何一个。

Answer 1

您是否查看过生成的 html 是否真的是元素的 id？ JSF 通常会在表单的 id 和其他一些容器元素之前添加。真实身份可能类似于myForm:myCheckbox。