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/

上的浏览器上试用

需要检查多少复选框以影响链接中的数字

2 个答案: