У меня следующая структура html:
<div>Cancer:
<input type="radio" class="cinput" name="cancer" value="yes">Yes
<input type="radio" class="cinput" name="cancer" value="no">No
<span id="cancer" style="display:none"> (Year: <input type="text" name="cancer" /> )</span>
</div>
Что я хочу, выбор переключателя «Нет» скроет диапазон и очистит его текст, так что если снова будет выбран переключатель «Да», значение поля ввода будет пустым. Я использовал следующее jquery:
jQuery(".cinput").change(function(){
if(jQuery(this).val()=="yes"){
jQuery(this).next().next('span').show();
}else{
jQuery(this).next('span > input').val("");
jQuery(this).next('span').hide();
}
});
Выбор переключателя «Да» или «Нет» показывает или скрывает диапазон с полем ввода правильно, но введенный текст не удаляется, пока переключатель «Нет» кнопка выбрана, вот в чем проблема.
Как исправить код jquery?