Question

我有很多按钮和一些隐藏的字段......我需要使用多个按钮和高级搜索设置来设置它们的值......

<input class="toggleinput" type="hidden" name="value1">
<input class="toggleinput" type="hidden" name="value2">
<input class="toggleinput" type="hidden" name="value3">
<input class="toggleinput" type="hidden" name="value4">
<input class="toggleinput" type="hidden" name="value5">
<input class="toggleinput" type="hidden" name="value6">
<input class="toggleinput" type="hidden" name="value7">

<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>
<li><button class="toggle" name="value4" value="whoa">Button 4</button></li>
<li><button class="toggle" name="value5" value="34">Button 5</button></li>
<li><button class="toggle" name="value6" value="word_up">Button 6</button></li>
<li><button class="toggle" name="value7" value="no">Button 7</button></li>
</ul>

我知道如何通过为每个设置值创建一些jquery / js，但我想知道是否有一种方法可以使用相同的jquery来设置每个点击？或者，这些按钮基本上都会切换，所以我需要将它们关闭“关闭”。太？

那么，为了澄清，我可以只拥有一个单独的jquery调用吗？这是否意味着循环？这甚至是处理它的理想方式吗？

Answer 1

您可以执行类似

的操作

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

演示：Fiddle

单击按钮数时激活多个隐藏输入

1 个答案: