選擇單選按鈕時更改隱藏的輸入字段值

Question

我想在每次用戶檢查單選按鈕時更改隱藏輸入字段的值。

這就是我的HTML的樣子。

<input type="hidden" id="ZAAL_NAME" value="" name="ZAAL_NAME" />

<input type="radio" name="zaal_ID" value="ROOM1" onclick="change">
<input type="radio" name="zaal_ID" value="ROOM2" onclick="change"> 
<input type="radio" name="zaal_ID" value="ROOM3" onclick="change">

現在我希望每次檢查單選按鈕時，該單選按鈕的值也變為隱藏輸入字段的值。 有誰知道怎么做？ 這是我到目前為止所擁有的。

   $('input[name="radbut"]').click(function() {
    console.log(this.value);
    $('ZAAL_NAME').val(this.value);
});

有人可以幫忙嗎？

親切的問候，

Steaphann

Answer 1

你的內聯onclick處理程序不起作用，因為你沒有包括括號：它需要是onclick="change()"來實際調用你的函數。 但是你應該把它改成onclick="change(this);" 將對單擊按鈕的引用傳遞給您的函數，然后：

function change(el){
    $("#ZAAL_NAME").val(el.value) ;
}

另外你的jQuery選擇器需要＃來選擇id。

更好的方法是從你的標記中刪除內聯onclick並執行以下操作：

$('input[name="zaal_ID"]').click(function() {
    $('#ZAAL_NAME').val(this.value);
});

后者需要位於文檔就緒處理程序和/或頁面源中單選按鈕后出現的腳本塊中。

注意：獲取單擊元素的值時，您可以說$(el).val()或$(this).val() （取決於您正在查看的兩個函數中的哪一個），但是給出了el和this是對DOM元素的引用，您可以直接使用el.value或this.value獲取其value屬性。

Answer 2

$('input[name="zaal_ID"]').change(function(){
   $('#ZAAL_NAME').val( this.value );
})

Answer 3

function change(){
   $("ZAAL_NAME").val( $(this).val() ) ;
}

要么

function change(){
   $("ZAAL_NAME").val($("input[type='radio']:checked").val()) ;
}

Answer 4

嘗試 -

$(':radio').change(function(){
   $('#ZAAL_NAME').val($(this).val());
})

演示： http ： //jsfiddle.net/KMXnR/

Answer 5

使用onclick="change(this.value);" 和功能使用這樣

function change(e){
    $("ZAAL_NAME").val(e) ;


}

Answer 6

你可以使用is

$("input:radio[name=ZAAL_NAME]").click(function() {
     var value =  $(this).val(); 
     // or $('input:radio[name=theme]:checked').val(); 
     $("#ZAAL_NAME").val(value); 
 });

簡而言之

$("input:radio[name=ZAAL_NAME]").click(function() {
     $("#ZAAL_NAME").val( $(this).val() ); 
 });