选择单选按钮时如何清除文本字段内的文本

目前我有这个单选按钮

1. 普电子
2. 电脑
3. 其他

我想要做的是，如果选中单选按钮Others ，我想显示一个输入文本字段，让用户输入。

我想做的是，当我选择Others并在输入字段中输入内容时，那么当我选择回Eletronics或Computers ，我想清除我在输入字段中写的文本。

请为我提供JavaScript或jQuery的解决方案。

这是我的代码示例。 请检查一下： http ： //jsfiddle.net/dnGKM/

Answer 1

UPDATE

 $('input:radio').on('click', function() { if($(this).attr('id') == 'others') { $('#showhide').css('opacity', 1.0); } else { $('#showhide').css('opacity', 0).find('input:text#others_text').val(''); } });​ 

DEMO

Answer 2

你可以用这个：

 document.getElementById("others_text").value=''; 

清除输入字段。

Answer 3

请在您的代码中添加以下代码行：

 document.getElementById("others_text").value = ''; 

现在看起来像：

 document.getElementById("others").addEventListener("click", function() { document.getElementById("others_text").value = ''; document.getElementById("showhide").style.opacity = 1; }, false); document.getElementById("computers").addEventListener("click", function() { document.getElementById("showhide").style.opacity = 0; }, false); document.getElementById("electronics").addEventListener("click", function() { document.getElementById("showhide").style.opacity = 0; }, false);​ 

这对你有所帮助。

Answer 4

试试这个解决方案：

 $(function() { $('input[type="radio"]').click(function() { if($(this).attr('id') == 'others') { $('#others-text').show(); } else { $('#others-text').hide(); $('#others-text').val(''); } }); }) 

这里有一个JSFiddle链接：

http://jsfiddle.net/dnGKM/4/

Answer 5

你将jQuery标记添加到你的问题，所以这应该使用jQuery 🙂

CSS：

 .hidden { display: none; } 

HTML：

 Electronics  Computers  Others   

JS：

 $(function() { $('input[type="radio"]').click(function() { if($(this).attr('id') == 'others') { $('#others-text').removeClass('hidden'); } else { $('#others-text').addClass('hidden'); $('#others-text').val(''); } }); }); 

Answer 6

=============== HTML

 Electronics Computers Others 

===============的jQuery

  $('input[name=rdo]').change(function() { var a = $(this).val(); if (a != 3) { $('#textboxid').hide(); }else{ $('#textboxid').val(''); $('#textboxid').show(); } }); 

Answer 7

 $("#<%=text1.ClientID%>").val('');