一次选中4个复选框，然后将页面重定向到新页面

Selecting 4 check boxes at a time and redirect the page to the new page

本文关键字：然后 重定向 新页面 复选框 一次 4个      更新时间：2023-10-29

有人能帮我吗。我有一张拿着复选框的图片。像这样，我有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

$（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");
    }
});

})；

检查是否选中所有复选框后，尝试添加window.location.href = newURL;：

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

确保你在两种情况下都测试了这种情况：

  1. 如果用户单击了单个复选框
  2. 如果用户单击"全选"
相关文章：