【问题标题】:jQuery validating multiple radio buttonsjQuery验证多个单选按钮
【发布时间】:2013-08-27 20:59:06
【问题描述】:

好的,所以下面的脚本非常适合运行我拥有的表单,但我可以弄清楚如何让它改变 css 属性。该脚本应该通过表单上的所有单选按钮组运行,并确定哪些单选按钮组没有进行任何选择。那些没有选择的我想用 css shadow 属性突出显示。有人知道如何使这段代码正常工作吗?

    var radio_groups = {}
    $(":radio").each(function(){    
              radio_groups[this.name] = true;
            })
             for(group in radio_groups){
                if (!!$(":radio[name="+group+"]:checked").length) {

                }
                else{
                    hasError = true;
                    radio_groups[group].css('box-shadow', '0px 0px 3px #aaa');


             }}

【问题讨论】:

  • 通过所有 DOM 遍历(.children、.find 等),如果不查看 HTML,就无法提供帮助。你怎么知道你选择/检查了正确的元素?

标签: jquery validation radio-group


【解决方案1】:

想通了……

    for(group in radio_groups){
                if (!!$(":radio[name="+group+"]:checked").length) {
                    $(":radio[name="+group+"]").css('box-shadow', '0px 0px 0px #FF0000');
                }
                else{
                    hasError = true;
                    $(":radio[name="+group+"]").css('box-shadow', '0px 0px 4px #FF0000');


             }}

【讨论】:

    猜你喜欢
    • 2013-06-16
    • 2018-11-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-07
    • 2017-11-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多