jQuery仅为复选框/无线电验证样式父div

时间:2015-08-03 10:13:51

标签: jquery css jquery-validate

我正在使用jQuery validate,我正在尝试为错误状态收音机和复选框设置样式。

由于我无法更改单选按钮本身,这就是我目前正在使用的指向myform中所有字段的内容,如果它们出错,它会更改文本,文本区域,选择等的背景颜色,它还会添加一个与父div的边界(这是我通知无线电和复选框的错误的方式)。

问题是我只想将边框添加到单选按钮和复选框的父div,而不是文本,textarea和选择框。我怎么能这样做?

 final WebView mWebView = new WebView(this);
    WebSettings settings = mWebView.getSettings();
    settings.setJavaScriptEnabled(true);
    settings.setPluginState(WebSettings.PluginState.ON); 
    mWebView.loadUrl(url);


   private class CustomWebView extends WebView {
    public CustomWebView(Context context) {
        super(context);
    }

    @Override
    protected void onDraw(Canvas canvas) {
       canvas.translate(200,900);
        super.onDraw(canvas);
    }
}

http://jsfiddle.net/5L74Lvzt/

1 个答案:

答案 0 :(得分:0)

我用

想出来了
if ($(element).is(':radio') || $(element).is(':checkbox')) {

使我使用的代码:

jQuery(document).ready(function () {
    $(".myform").validate({
        highlight: function (element) {
            if ($(element).is(':radio') || $(element).is(':checkbox')) {
                $(element).parent('div').addClass("parent-error");
            }
            $(element).addClass("error");
        },
        unhighlight: function (element) {
            if ($(element).is(':radio') || $(element).is(':checkbox')) {
                $(element).parent('div').removeClass("parent-error");
            }
            $(element).removeClass("error");
        }
    });
});