Question

我正在为移动设备编写一个网页，我添加了一个重置按钮来重置单选按钮，但它不起作用。我试图以多种方式解决，比如

$('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">

脚本

$("#reset1").click(function(){
    $('select#qty1').attr('selectedIndex', -1);
});

Answer 1

没有类似的输入类型。
```
<select type='radio'>
```
单选按钮中没有“selected”属性。使用“已检查”。
您可以通过“输入重置”重置无线电。
```
<input type="reset" />
```

Answer 2

你提到了一个单选按钮，但你正在使用一个选择框。

试试这个

$('#qty1 option:selected').removeAttr('selected');

您需要指定所选的选项。

Answer 3

这项工作。

$("#reset1").click(function(){ $('select[id=qty1] option[value=0]').attr('selected', 'selected'); });

无法重置jquery中的单选按钮

3 个答案: