如何基于单选按钮验证表单验证

Question

我有两个单选按钮，一个用于水果和干果。对于每个单选按钮，我显示两个文本字段，我想根据单选按钮验证这些文本字段（基于用户选择我们选择的单选按钮）。 我早上几乎没有工作，任何想法。

Answer 1

请考虑以下示例，并帮助您解决问题

以下代码将成为HTML的一部分

<input name="radio_" type="radio" value="fruit" id="fruitRadio" />

<input name="radio_" type="radio" value="dryfruit" id="dryfruitRadio" />

<input name="inputforfruitradio" type="text" value="fruit" id="fruitRadioInputText" />

<input name="inputfordryfruitradio" type="text" value="dryfruit" id="dryfruitRadioInputText" />

以上HTML代码需要Javascript才能按需运行

$("#fruitInputText").hide();
$("#dryfruitInputText").hide();

$('input[name="radio_"]').on('change', function() {
  var checked_radio = $(this).prop('id');        
  var inputText_id_to_be_shown = "#" + checked_radio + "InputText" ;
  $(inputText_id_to_be_shown).show();
});