1

我正在使用此页面http://jsfiddle.net/gnQUe/170/中的代码

jquery 滑动切换作为表单复选框

如果我使用相同的脚本和 css，如何在单个页面中使用多个此类开关

4

2 回答 2

2

首先，将隐藏的输入与div控件放在相同的位置，并给它 aclass而不是 a 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

您可以多次使用同一个 div 和 'slider-frame' 类

请在此处查看JSFiddle

于 2012-04-26T15:29:30.057 回答