在脚本中添加或删除一个'active'类，该类已经使用Jquery切换隐藏输入的值

-1

我有这个有用的函数，在点击一个按钮时切换隐藏输入的值。或者，我还需要切换是否所述按钮具有适用于它的“活动”类。在脚本中添加或删除一个'active'类，该类已经使用Jquery切换隐藏输入的值

HTML：

<input class="toggleinput" type="hidden" name="value1"> 
<input class="toggleinput" type="hidden" name="value2"> 
<input class="toggleinput" type="hidden" name="value3"> 

<ul> 
<li><button class="toggle" name="value1" value="yes">Button 1</button></li> 
<li><button class="toggle" name="value2" value="1">Button 2</button></li> 
<li><button class="toggle" name="value3" value="indeed">Button 3</button></li> 
</ul>

JAVASCRIPT：

$('button.toggle').click(function() { 
    var value = this.value; 
    $('input.toggleinput[name="' + this.name + '"]').val(function() { 
     return this.value.length ? '' : value; 

    }) 

     })

据我了解，该脚本检查，看是否有值应用于输入，如果不是的话，那么它是应用按钮的值？

如果按钮没有被压下，在按下按钮时，最好的方法是将“active”类与按钮类一起添加到按钮中？当再次按下该按钮将其删除时？

来源

2014-09-06 CRAIG

如果任何人有任何想法，为什么这可能已经downvoted，请让我知道。如果我发布对社区没有帮助的问题，那么知道问题是什么是一个问题会很有帮助。谢谢。 – CRAIG 2014-09-06 17:01:41

更容易地看到，如果你将其更改为text输入代码的作用）的隐藏innstead）作为测试：

的jsfiddle：http://jsfiddle.net/TrueBlueAussie/3938kLof/4/

$('button.toggle').click(function() { 
    var value = this.value; 
    $('input.toggleinput[name="' + this.name + '"]').val(function() { 
     return this.value.length ? '' : value; 
    }); 
    $(this).toggleClass('active'); 
})

$(this)转换按下DOM元素（按钮，作为this传递）到jQuery元素中。 toggleClass做它在锡上说...它切换课程。

来源

2014-09-06 06:58:12

在脚本中添加或删除一个'active'类，该类已经使用Jquery切换隐藏输入的值

回答

相关问题