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" />