如何使用变量名,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语句,因为它们有几百个.有办法做到这一点吗？

Answer 1

您不应该使用应该使用<label>标记的链接.

这就是它的目的.

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

这适用于所有表单字段,并且比必须构建JS以执行已存在的操作更好.