1

このページのコードを使用していますhttp://jsfiddle.net/gnQUe/170/

フォームチェックボックスとしてのjqueryスライドトグル

同じスクリプトと css を使用している場合、1 つのページでそのようなスイッチを複数使用するにはどうすればよいですか

4

2 に答える 2

2

まず、非表示の入力をdivコントロールと同じ場所に配置し、class代わりに を指定しidます。

<div class="slider-frame">
    <span class="slider-button">NO</span>
    <input type="hidden" class="slider-value" value="false">
</div>

次に、この jQuery を使用して値を変更します。

$('.slider-button').toggle(function() {
    $(this).addClass('on').html('YES');
    $(this).next(".slider-value").val(true);
}, function() {
    $(this).removeClass('on').html('NO');
    $(this).next(".slider-value").val(false);
});

フィドルの例

text値が変化するのを見ることができるように、入力をそのままにしたフィドルが表示されます。

于 2012-04-26T15:29:53.753 に答える
0

「slider-frame」クラスで同じdivを何度も使用できます

ここでJSFiddleを確認してください

于 2012-04-26T15:29:30.057 に答える