在jQuery中防止Default

Question

我想验证一些单选按钮。我选择元素并检查prop('checked')但它不起作用。

• 当我选择两个元素作为提交主题时，代码工作正常。
• 当我选择一个主题并点击提交按钮时，else语句将起作用。
• 当我选择其他一个（现在都被选中）时，代码不再起作用!!

代码：

$("#setAndContinue").click(function (e) {
    for (var i = 9; i < 18; i++) {
        if ($('#loadTypeRadio' + i).prop('checked')) {
            $('#loadTypeRadioError').css('display', 'none');
            console.log("Mansour === > N1 " + $('#loadTypeRadio' + i).prop('checked'));
            break;
        } else {
            $('#loadTypeRadioError').css('color', 'red').css('display', 'block');
            e.preventDefault();
            console.log("Mansour === > N2 " + $('#loadTypeRadio' + i).prop('checked'));
        }
    }
    for (var j = 2; j < 7; j++) {
        if ($('#loadPackageRadio' + j).prop('checked')) {
            $('#LoadPackageError').css('display', 'none');
            console.log("Mansour === > M1 " + $('#loadPackageRadio' + j).prop('checked'));
            break;
        } else {
            $('#LoadPackageError').css('color', 'red').css('display', 'block');
            e.preventDefault();
            console.log("Mansour === > M2 " + $('#loadPackageRadio' + j).prop('checked'));
        }
    }
});

Answer 1

要调用preventDefault方法，您可以在JQuery中执行此操作：

$("#someElement").click(function (e) {
    e.preventDefault();
    // some code...   
});