Question

目前我在复选框中面临问题，当用户点击是单选按钮时，当用户点击错误类仅应用于下一个按钮时，将显示带有某些字段的面板第一个复选框，但它应该适用于所有复选框，问题可能很容易，但有些我怎么没有得到确切的结果。这是jquery代码

        $(".phy_clp").click(function() {
    var inputValidation = $('input[name=phy_clp]:checked').val();

    if (inputValidation === "yes") {
        $phyexpyDiv.show();
        $(".phyexpy").find(".chk_field_hlt").removeClass("chk_Field");

        //$(".chk_field_hlt").addClass('errRed_chkb');
    } else if (inputValidation === "no") {
        $(".chk_field_hlt").removeClass('errRed');
        $(".phyexpy").find(".chk_field_hlt").addClass("chk_Field");
        $phyexpyDiv.hide();
    }

});

以下是fiddle link

提前致谢

Answer 1

在highlight和unhighlight中，请参阅the source code of the plugin，您可以在其中看到正确处理radio按钮的默认代码。

由于您超越了此默认代码，因此您需要为checkbox元素执行类似操作。

highlight: function (element) {
    if (element.type === "checkbox") {
        this.findByName(element.name).addClass('errRed').removeClass('text-error-black');
    } else {
        $(element).addClass('errRed');
        $('#imageUploadForm').addClass('errRed');
        $(element).prevAll('label').find('span.required-star').addClass('text-error-red').removeClass('text-error-black');
    }
},
unhighlight: function (element) {
    if (element.type === "checkbox") {
        this.findByName(element.name).addClass('text-error-black').removeClass('errRed');
    } else {
        $(element).removeClass('errRed');
        $(element).prevAll('label').find('span.required-star').addClass('text-error-black').removeClass('text-error-red');
   }
}

DEMO：http://jsfiddle.net/t8jz98sf/1/

使用jquery验证

1 个答案: