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

时间:2012-12-05 12:41:04

标签: javascript jquery

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

    <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'应根据检查的复选框进行更改。

2 个答案:

答案 0 :(得分: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选择器查找选中的复选框

答案 1 :(得分:0)

最近的浏览器有querySelectorAll:

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

http://jsfiddle.net/LwtvK/

上的浏览器上试用