-2

我正在尝试将一个 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代码类=“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”。但它不起作用。在不大规模更改我的代码的情况下有任何建议吗？

4

1 回答 1

2

您包含的 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

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

于 2013-09-04T01:32:16.770 回答