Javascript 无法重置jquery中的单选按钮
我正在写一个手机网页,我添加了一个重置按钮来重置单选按钮,但它不起作用。我试着用很多方法来解决,比如Javascript 无法重置jquery中的单选按钮,javascript,jquery,Javascript,Jquery,我正在写一个手机网页,我添加了一个重置按钮来重置单选按钮,但它不起作用。我试着用很多方法来解决,比如 $('select#qty1 option').attr('selected', false); $('select#qty1 option').removeAttr('selected'); $('select#qty1').children('option').removeAttr('selected').filter(':nth-child(1)').attr('selected',
$('select#qty1 option').attr('selected', false);
$('select#qty1 option').removeAttr('selected');
$('select#qty1').children('option').removeAttr('selected').filter(':nth-child(1)').attr('selected', true);
$('select#qty1').attr('selectedIndex', -1);
但它们都不起作用
单选按钮
<tr>
<td><a href='#myPopup' data-rel='popup' class='ui-btn ui-shadow ui-corner-all ui-icon-info ui-btn-icon-notext' data-position-to='window'>info</a></td>
<td>Pizza</td>
<td>$100</td>
<td>
<select type='radio' data-native-menu='false' name='qty1' id='qty1'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</td>
</tr>
<input id="reset1" type="button" value="Reset">
您提到一个单选按钮,但使用的是选择框 试试这个
$('#qty1选项:已选定')。删除属性('selected')代码>
您需要指定所选的选项。这项工作正常
$(“#重置1”)。单击(函数(){
$('select[id=qty1]option[value=0]')。attr('selected','selected');
});代码>
没有这样的输入类型
<select type='radio'>
单选按钮中没有“选定”属性。使用“选中”
您可以通过“输入重置”重置收音机接口
这绝不是单选按钮,如果您可以使输入成为实际表单元素的一部分,那么使用
将自动重置它们,而无需任何JavaScript。是的,这是一个select元素,不是单选按钮。您应该执行$('qty1 option')。prop('selected',false)
但是没有一个选项具有这样的属性。当它被选中时就可以了。那么,为什么$('select#qty1 option')。removeAttr('selected')代码>“不工作”那么?(由于select#qty1选项
是#qty1选项:selected
)的超集,同样可以正常工作,因此jQuery似乎确实以特殊的方式处理removeAttr('selected')
。但我认为我们对“重置”的含义有不同的理解。我理解应该再次选择默认值。您的代码将始终选择第一个选项,无论默认选项是哪一个:
<select type='radio'>
<input type="reset" />