javascript - 如何设置链接以检查带有变量名称、id、值的复选框

Question

我有一长串复选框，每个复选框旁边都有一个链接。像这样的东西:

<form name="checkboxlist" action="..." >
    <input type="checkbox" id="1" name="pageCB" value="1"/>
    <a id="1" href="#" onclick="sub(id)>click here</a>
    <input type="checkbox" id="2" name="pageCB" value="2"/>
    <a id="2" href="#" onclick="sub(id)>click here</a>
    ...
    ...
    <input type="submit" />
</form>

我目前正在尝试使用:

<script>
    function sub(id){
        $("input:checkbox[value=id]").attr("checked", true);
        document.checkboxlist.submit(); 
    }
</script>

但这显然不会读取变量 id，我真的很想避免为每个 id 生成 if 语句，因为有数百个 id 。有什么办法可以做到这一点吗？

Answer 1

您不应该使用链接，而应该使用<label>标签。

这就是它的用途。

<input type="checkbox" name="mybox" id="mybox">
<label for="mybox">Click this box</label>

这适用于所有表单字段，并且比必须构建 JS 来执行已经存在的操作要好得多。