如何基於單選按鈕的輸入創建動態文本字段

Question

我想根據無線電覆選框選擇來獲取表單的文本字段以動態顯示。

例如，在我的表單上有一個單選按鈕，提示「您是否想要進入您的年齡？」可以選擇是或否。 如果用戶選中YES，則會在此後動態顯示一個文本字段，以便用戶可以輸入其年齡。如果用戶選中否，則不會發生任何事情。

我該如何開始做這樣的事情？只是尋找任何我可以得到的反饋。謝謝！

Answer 1

將文本字段添加到標記中，然後添加一個類來隱藏它。在收音機複選框的更改事件中，根據所選內容打開或關閉該課程。這將隱藏或顯示文本字段。如果你沒有javascript經驗，許多流行的庫都有更簡單的API來處理所有這些東西。

在jQuery的是：

$('#radioID').change(function(){ 
    if ($(this).val() === 'YES') { 
    $('#textfieldId').show(); 
    } 
    else { 
    $('#textfieldId').hide(); 
    } 
}); 

Answer 2

$('input[name=thename][value=yes]').change(function() 
    { 
     if ($(this).is(':checked') 
     { 
      // append your textfield 
     } 
    } 
);