javascript - 需要检查复选框的数量以影响链接中的数字

Question

我有这三个复选框和一个连接到另一个页面的按钮。单击该按钮时，我希望它转到链接到已选中复选框的页面。

    <div data-role="content" data-theme="a">    
        <h2>Checkboxes</h2>
        <div data-role="fieldcontain">

            <input type = "checkbox" name = "nameOne" id = "checkBoxOne" checked = "checked" />
                  <label for = "checkBoxOne">Checkbox One</label>                 
            <input type = "checkbox" name = "nameOne" id = "checkBoxTwo" />
                  <label for = "checkBoxTwo">Checkbox Two</label>    
            <input type = "checkbox" name = "nameOne" id = "checkBoxThree" />
                  <label for = "checkBoxThree">Checkbox Three</label>

            <p><a href="#linkToPage1" data-direction="reverse" data-role="button" data-theme="b" id="checkBoxesSaved">Continue</a></p>  
        </div>
    </div>

现在，当没有选中复选框时，我希望 href 链接到“#linkToPage1”，当第一个复选框被选中时，我希望它链接到“#linkToPage2”，当第二个被选中时，“#linkToPage3”，当第三个选中“#linkToPage4”，当第一个和第二个选中“#linkToPage5”，依此类推。因此，“#linkToPageX”应该根据选中的复选框进行更改。

Answer 1

    <input type="checkbox" checked="checked"/>
    <input type="checkbox" checked="checked"/>
    <input type="checkbox" checked="checked"/>
    <input type="checkbox" checked="checked"/>
    <input type="checkbox"/><br/>
    <script>
        document.write("The no of checked checkbox  :"+$("input:checkbox[checked='checked']").length);
    </script>

您可以使用 jquery 选择器来查找选中的复选框

Answer 2

最近的浏览器有 querySelectorAll ：

   document.write("HTML5 : number of checked checkbox  :" + 
     document.querySelectorAll ("input[type='checkbox'][checked='checked']").length);

在浏览器上尝试http://jsfiddle.net/LwtvK/