Javascript 单击radiobutton时如何使用明文文本区域
1.步骤(选中Unicode单选按钮)Javascript 单击radiobutton时如何使用明文文本区域,javascript,jquery,css,Javascript,Jquery,Css,1.步骤(选中Unicode单选按钮)当选中了Unidcode单选按钮但选中了Zawgyi单选按钮时,text区域清除 <label><input type="radio" name="kb" value="uni" id="unikb"/>Unicode</label> <label><input type="radio" name="kb" value="zawgyi" id="zawgyikb"/>Zawgyi</label
当选中了Unidcode单选按钮但选中了Zawgyi单选按钮时,text区域清除
<label><input type="radio" name="kb" value="uni" id="unikb"/>Unicode</label>
<label><input type="radio" name="kb" value="zawgyi" id="zawgyikb"/>Zawgyi</label>
<textarea id="desp" class="form-control rows="5"></textarea>
2.步骤(选中Zawgyi单选按钮)文本区域清除时,如果选中了Zawgyi单选按钮,但选中了Unicode单选按钮,则执行该步骤
<label><input type="radio" name="kb" value="uni" id="unikb"/>Unicode</label>
<label><input type="radio" name="kb" value="zawgyi" id="zawgyikb"/>Zawgyi</label>
<textarea id="desp" class="form-control rows="5"></textarea>
我想要这种款式
文本区域不清楚
文本区域已清除 和
文本区域不清楚
文本区域已清除
我已经更新了你的代码,请看这个JSFIDLE 代码更改
$("textarea#desp").val(); -> $("#desp").val(''); //You have to assign an "" empty string as its value to clear the textarea content
esle -> else
添加html如下
<input type="hidden" id="previouschecked" name="previouschecked" value="" / >
因为您的文本区域上有一个ID,所以您可以直接使用$(“#desp”)
“esle”是一个拼写错误,因此您的代码被破坏,无法正确运行您的else子句错误,jsfiddle修复: 现在它开始工作了。。。(:
在您的注释之后,我更新了您的代码,使其更加动态,我创建了一个var来控制最后一条语句
var lastChecked = undefined;
$("input[type='radio']").click(function(e) {
if ( $(this).val() != lastChecked && (typeof lastChecked !== 'undefined')){
$("textarea#desp").val('');
}
lastChecked = $(this).val();
});
希望它能帮助你解决问题。
Fiddle:你的答案很好,但它不好,因为我想在单选按钮被选中时清除文本。单选按钮在单选按钮被更改时确实会清除文本区域。好的,我明白了你的意思,在这里更新了代码我添加了一个隐藏的输入来存储以前选择的单选按钮,请尝试是谢谢朋友,我想更改单选按钮时清除文本区域。但您的答案始终是文本区域清除。
$("input[type='radio']").click(function(e) {
if ( $(this).val()=='uni'){
$("textarea").val('');
}else{
$("textarea").val('');
}
});
var lastChecked = undefined;
$("input[type='radio']").click(function(e) {
if ( $(this).val() != lastChecked && (typeof lastChecked !== 'undefined')){
$("textarea#desp").val('');
}
lastChecked = $(this).val();
});