代码之家 › 专栏 › 技术社区 › Rohalt

选择单选按钮时清除输入

toggle append radio-button input

Rohalt · 技术社区 · 6 年前

我有两个单选按钮来附加和删除div(请参见代码段)

现在 我需要 从一个按钮更改为另一个按钮时,请清除输入文本。

例如,如果选择“一”并键入“名称”,当选择“二”时,输入文本应重置为空白(反之亦然)

我该怎么做?

$(function(){

  let content=[
    '<div class="added"> HELLO </div>',
    '<div class="added"> BYE </div>'
  ];
  let toggled=0;
    
$("[name='something']").on('change', function(){
    $(".added").remove();
    toggled=(toggled+1)%2;
    $(".toadd").append(content[toggled])
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="toadd">
  
  <label>One</label><input type="radio" class="first" name="something" checked />
  <label>Two</label><input type="radio" class="second" name="something" />
  
  <input type='text' class='toclear'>
  
  <div class="added"> HELLO </div>
  
</div>

1 回复 | 直到 6 年前

Ali Sheikhpour 6 年前

使用 .val('') 您可以将输入设为空白:

$(function(){

  let content=[
    '<div class="added"> HELLO </div>',
    '<div class="added"> BYE </div>'
  ];
  let toggled=0;
    
$("[name='something']").on('change', function(){
    $(".added").remove();
    toggled=(toggled+1)%2;
    $(".toadd").append(content[toggled])
    $(".toclear").val('');
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="toadd">
  
  <label>One</label><input type="radio" class="first" name="something" checked />
  <label>Two</label><input type="radio" class="second" name="something" />
  
  <input type='text' class='toclear'>
  
  <div class="added"> HELLO </div>
  
</div>