javascript - 当我单击单选按钮时如何使用 ClearText textarea

Question

1.Step(Unicode RadioButton is Checked)
TextetArea notClear 当 Unicode Radio 被选中但是 Zawgyi Radio 被选中 Textarea 清晰。

2.Step(Zawgyi RadioButton is Checked)
TextetArea notClear 当Zawgyi Radio被选中但Unicode Radio被选中时Textarea 清晰。

<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>

如何使用Jquery

   $("input").click(function(){

      if ( $(this).val()=='uni' || $(this).val()=='zawgyi'){ 
    $("textarea#desp").val();
   }
    else{
    $("textarea#desp").val('');
   }
 }) ;

我想要这种风格

textarea 不清楚。

文本区域清晰

和


文本区域不清楚。


文本区域清晰

SEEDEMO

Answer 1

您的 else 子句错误，jsfiddle 已修复:http://jsfiddle.net/hLuk2bhx/9/现在它正在工作......(:

$("input[type='radio']").click(function(e) {
    if ( $(this).val()=='uni'){ 
        $("textarea").val('');
    }else{
        $("textarea").val('');
    }    
});

---

在您发表评论后，我更新了您的代码，使其更加动态，我创建了一个 var 来控制最后一条语句。

var lastChecked = undefined;
$("input[type='radio']").click(function(e) {
    if ( $(this).val() != lastChecked && (typeof lastChecked !== 'undefined')){ 
        $("textarea#desp").val('');
    }
    lastChecked = $(this).val();
});

希望对您的问题有所帮助。 fiddle :http://jsfiddle.net/hLuk2bhx/23/