0

これらの3つのチェックボックスと、別のページに接続するボタンがあります。そのボタンをクリックすると、チェックされているチェックボックスにリンクされているページに移動したいと思います。

    <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」にリンクし、2番目のチェックボックスをオンにした場合は「＃linkToPage3」にリンクします。 「＃linkToPage4」がチェックされ、1番目と2番目がチェックされると「＃linkToPage5」というようになります。したがって、「＃linkToPageX」は、チェックされているチェックボックスに応じて変更する必要があります。

4

2 に答える 2

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セレクターを使用できます

于 2012-12-05T12:53:43.260 に答える
0

最近のブラウザにはquerySelectorAllがあります：

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

http://jsfiddle.net/LwtvK/のブラウザで試してください

于 2012-12-05T14:01:46.083 に答える