javascript - 单击功能后清除/重置更改功能

Question

我正在为我的输入使用更改，然后我在提问。我所有的代码都在点击函数中。我想让用户重新回答问题，因为那里没有以前的数据。我是 jquery 的新手，所以我不确定我要清除的函数是否应该在我的点击函数内，或者它是否必须在它之外。我看到了很多答案，但他们没有帮助我。我添加了一个 fiddle ，让您了解我正在尝试做什么。我缩短了它只是为了让你了解我在做什么，所以它可能有问题。

http://jsfiddle.net/46tYs/6/embedded/result/

$('.myOptions').change(function () {
  $('.list').removeClass('active');
  $('.' + this.value).addClass('active');
});

$('#butt').click(function () {
  var ttta = $('.myOptions').val();
  var tt = $('input[name=gender]:checked').val();
});

我的 html 代码:

<label>Please select an option :</label>
<select class="myOptions">
  <option value="" selected>Pick an option</option>
  <option value="owner">yes</option>
  <option value="not-owner">no</option>
</select>

Answer 1

我似乎不清楚你的目标是什么。从您的重置按钮点击代码来看，您似乎无法从单选按钮和下拉菜单中删除“已选中”和“已选择”？以下是相关信息:

“checked 属性值不会随着复选框的状态而改变，而 checked 属性会。因此，跨浏览器兼容的确定复选框是否被选中的方法是使用属性:”

这是解释差异的 API 文档:

http://api.jquery.com/attr/

http://api.jquery.com/prop/

这是我为您编写的示例，展示了获取值和重置字段的基础知识:

http://jsfiddle.net/SbB3k/

这是你的代码的重写，它没有优化，但我认为好多了:

http://jsfiddle.net/46tYs/10/

关于如何重置单选按钮和选择选项

这是它的要点:

$('input[type="radio"]').prop('checked', false).val("");
$('select').prop('selectedIndex',0);
$('input[type="text"]').val("");