読者です 読者をやめる 読者になる 読者になる

jQueryでの選択解除

JavaScript

HTML

<table>
    <tr>
        <td>
            <input type="radio" name="A" value="0" />
            <input type="radio" name="B" value="1" />
            <input type="radio" name="C" value="2" />
            <input type="radio" name="D" value="3" />
        </td>
    </tr>
    <tr>
        <td>
            <select>
                <option selected="selected" value="AAA">AAA</option>
                <option value="BBB">BBB</option>
                <option value="CCC">CCC</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <input id="reset" type="submit" value="reset" />
        </td>
    </tr>
</table>

JavaScript

$('#reset').click(function (event) {
    event.preventDefault();
    $(':checked').attr('checked', false);
    $('select').attr('selectedIndex', 0);
});