Question

我正在尝试将css类和jquery类一起应用到复选框

<input type='checkbox' name='something' class='group_ctrl' data-group='group_a' id='checker'>

css code class ='styled'（jquery代码结合css代码来设置复选框的样式）

.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(images/checkbox.png) no-repeat;
    display: block;
    clear: left;
/*  float: left; */
}

jquery code class =“group_ctrl”

    $(document).ready(function() {
    $('.group_ctrl').change(function () {
        // gets data-group value and uses it in the outer selector
        // to select the inputs it controls and sets their disabled 
        // property to the negated value of it's checked property 
        $("." + $(this).data("group")).prop('disabled', !this.checked);
    }).change();
});

当前的html只允许勾选标记启用或禁用其他字段，因为您可以在jquery中看到，css代码允许我设置复选框的样式。但是2不要在一起。我已经尝试过“group_ctrl styled”类了。但它不起作用。任何建议，而不是大规模改变我的代码？

Answer 1

您所包含的CSS适用于任何带有复选框或广播类的内容。

.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(images/checkbox.png) no-repeat;
    display: block;
    clear: left;
/*  float: left; */
}

如果这是正确的CSS，那么您应该将复选框或无线电作为类应用于未设置样式的字段。

修改

如果你的css中的.checkbox，.radio要应用于复选框和无线电，那么你需要删除。即复选框，广播，而非.checkbox，.radio

更正 - 正如我指出的那样..复选框和收音机不是有效标签，它将是输入

使用来自css和jquery的2个类

1 个答案: