0

余分なスタイルのラジオ ボタンが必要なので、スパンを作成してクラスを追加しましたが、別のラジオ ラベルをクリックした後に aktiv クラスを削除できません。これが私のコードです。

$('.attribute_wrapper div label').click(function(){
    var selectedLabel = $(this).attr('id');
    if($('#' + selectedLabel).data('clicked', true)) {
        $('.attribute_wrapper div #' + selectedLabel + ' span').addClass('radioclicked');
    } else {
        $('.attribute_wrapper div label span').removeClass('radioclicked');
    }
});

理解できません。elseステートメントのどこが間違っていますか?

マークアップ:

<div class="attribute_wrapper">
    <div class="attribute_multiselect_single">
        <label id="lblID1">
            <span class="radiobutton">&nbsp;</span>
            <input type="radio" checked="" value="1384" name="color_white" id="color_white103" required="0">White
        </label>
    </div>
</div>
4

3 に答える 3

0

ラジオとチェックボックスのスタイルを設定できます

HTML :

<input type="radio" name="blop" value="0" id="blop0">
<label for="blop0"></label>

<input type="radio" name="blop" value="0" id="blop1">
<label for="blop1"></label>

<input type="radio" name="blop" value="0" id="blop2">
<label for="blop2"></label>

CSS :

/* Hide the input */
input[type="radio"] {
    clip: rect(0, 0, 0, 0); /* W3C */
    clip: rect(0 0 0 0); /* IE */

    position: absolute;
}

/* Style the label */
input[type="radio"] + label {
    color: #333;
}

/* Style the label for selected radio */
input[type="radio"]:checked + label {
    color: #f33;
}

このフィドルを参照してくださいjsfiddle.net/9u5wW/

于 2013-09-05T11:10:48.990 に答える
0

から変更します

$('.attribute_wrapper div label').click(function(){
    var selectedLabel = $(this).attr('id');
    if($('#' + selectedLabel).data('clicked', true)) {
        $('.attribute_wrapper div #' + selectedLabel + ' span').addClass('radioclicked');
    } else {
        $('.attribute_wrapper div label span').removeClass('radioclicked');
    }
});

に

$('.attribute_wrapper div label').click(function(){
    $('.attribute_wrapper div label span').removeClass('radioclicked');
    $(this).find('span').addClass('radioclicked');
});

radioclickedこれにより、すべてのクラスが他のクラスから削除spansされ、クリックしたクラスに適用されます

于 2013-09-05T10:59:32.990 に答える