0

誰か助けてくれませんか。チェックボックスを持った画像があります。このように、私は4つのチェックボックスを備えた4つの画像を持っています。すべてのチェックボックスを選択している場合は、新しいページに直接移動したいだけです。

ユーザーが1つのチェックボックスをクリックした場合、ユーザーが[すべて選択]をクリックした場合、ページは新しいページにリダイレクトされません。または、ユーザーがすべてのチェックボックスを1つずつ選択した場合、ページは新しいページにリダイレクトされます。

誰かが私を助けて、必要なことをしてくれませんか。

HTML

 <table border="1">
    <tr>
        <th><input type="checkbox" id="selectall"/></th>
    </tr>
    <tr>
        <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
        <td align="center"><img src="images/1.jpg" /></td>
    </tr>
    <tr>
        <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
        <td align="center"><img src="images/2.jpg" /></td>
    </tr>
    <tr>
        <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
        <td align="center"><img src="images/3.jpg" /></td>
    </tr>
    <tr>
        <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
        <td align="center"><img src="images/4.jpg" /></td>

    </tr>

    </table>

JS

$（function（）{

// add multiple select / deselect functionality
$("#selectall").click(function () {
      $('.case').attr('checked', this.checked);
});


$(".case").click(function(){

    if($(".case").length == $(".case:checked").length) {
        $("#selectall").attr("checked", "checked");
    } else {
        $("#selectall").removeAttr("checked");
    }

});

}）;

4

1 に答える 1

1

window.location.href = newURL;すべてのチェックボックスが選択されているかどうかを確認した後、追加してみてください。

if($(".case").length == $(".case:checked").length) {
    window.location.href = "www.stackoverflow.com";
}

両方の場合にこの条件をテストしてください。

  1. ユーザーが単一のチェックボックスをクリックした場合
  2. ユーザーが「すべて選択」をクリックした場合
于 2012-07-18T09:16:20.040 に答える