我有这三个复选框和一个连接到另一个页面的按钮。单击该按钮时,我希望它转到链接到已选中复选框的页面。
<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'应根据检查的复选框进行更改。
答案 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);
上的浏览器上试用