0

谁能帮帮我。我有一个带有复选框的图像。像这样，我有 4 个带有 4 个复选框的图像。如果只选择所有复选框，我想直接导航到新页面。

如果用户单击了一个复选框，则如果用户单击“全选”，或者如果用户一一选中所有复选框，则页面不应重定向到新页面，则页面也应重定向到新页面。

任何人都可以帮助我并做必要的事情。

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

$(函数(){

// 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 回答