点击功能后清除/重置更改功能

Clear/reset change function after click function

本文关键字:功能 清除      更新时间:2023-09-26

我使用change作为输入,然后提出问题。我所有的代码都在一个点击函数中。我想让用户再次回答问题,因为之前的数据不在那里。我是jquery的新手,所以我不确定我要清除的函数是否应该在我的点击函数内,或者它是否必须在它之外。我看到了很多答案,但它们对我没有帮助。我添加了一把小提琴,让你知道我想做什么。我缩短了它,让你了解我在做什么,所以它可能有问题。

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>

我似乎不清楚你的目标是什么。从你的重置按钮点击代码来看,你似乎很难从单选按钮和下拉菜单中删除"选中"和"选中"?以下是相关信息:

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

以下是解释差异的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("");