javascript - 如果未选中我的六个复选框之一，则禁用锚链接“ ”

Answer 1

first_option.prop("checked")将始终检查第一个元素。你需要做的是遍历所有元素来检查

像这样

$("#tmp_button-99035").click(function(e) {
    var isChecked = false;

    for (var i = 0; i < first_option.length; i++) {
        if (first_option.eq(i).prop("checked")) {
            isChecked = true;
            break;
        }
    }

    if (!isChecked) {
        alert('Please Choose Collar Colour To Continue');
        e.preventDefault();
    }
    return isChecked;
});

Answer 2

您当前的逻辑不起作用，因为您只查看checked您选择的第一个元素的属性，而不是所有元素。

为了达到您的要求，您可以使用:checked选择器获取您提供的选择器中的所有选中元素，然后检查length结果的属性以查看是否没有。尝试这个：

var $first_option = $('#pid-1590083, #pid-1590090, #pid-1590091, #pid-1590092, #pid-1590093, #pid-1590094');

$("#tmp_button-99035").click(function(e) {
  if ($first_option.filter(':checked').length === 0) {
    e.preventDefault();
    alert('Please Choose Collar Colour To Continue');
  };
});

Answer 3

好吧，你的 js 片段只检查第一个元素。因此，您还必须跟踪其他复选框以获得正确的结果。

var first_option = $('#pid-1590083, #pid-1590090, #pid-1590091, #pid-1590092, #pid-1590093, #pid-1590094')

$(document).on('click', '#tmp_button-99035', function (e) {
    if ($(first_option).filter(":checked").length == 0) {
        e.preventDefault();
    }
});