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

时间:2013-07-30 22:01:08

标签: javascript jquery html

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

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>

1 个答案:

答案 0 :(得分:0)

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

“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("");