當點擊一些按鈕時激活一些隱藏的輸入

我有很多按鈕和一些隱藏的字段...我需要使用一些按鈕來設置它們的值la高級搜索設置...當點擊一些按鈕時激活一些隱藏的輸入

<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設置每一個在點擊？或者，這些按鈕基本上會切換，所以我需要將它們關閉。

因此，澄清，而不是有7個人的jquery電話，我可以只爲所有人？這是否意味着一個循環？這甚至是處理它的理想方式嗎？

來源

2014-09-06 CRAIG

像[這]（http://jsfiddle.net/arunpjohny/aptmuydn/2/）？輸入類型被改變，以便我們可以看到分配的值 – 2014-09-06 04:38:39

+1代碼清潔@ArunPJohny – Atieh 2014-09-06 04:42:20

非常感謝@ArunPJohny。你能解釋一下這裏發生了什麼：'return this.value.length？ ''：價值;'？除了那部分，我可以關注其他一切。即爲什麼'長度'和冒號是什麼？ – CRAIG 2014-09-06 04:49:24

你可以做這樣的事情

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

演示：Fiddle

來源

2014-09-06 04:52:48

當點擊一些按鈕時激活一些隱藏的輸入

回答

相關問題