-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 を削除する必要があります。つまり、checkbox、radio ではなく、.checkbox、.radio です。

訂正 - 私に指摘されたように..チェックボックスとラジオは有効なタグではなく、入力されます

于 2013-09-04T01:32:16.770 に答える