jQueryでラジオボタンのチェックの値の取得とチェックを外す方法【現役エンジニアが解説】

今回は、jQueryでラジオボタンのチェックの値の取得とチェックを外す方法について、簡単に解説していきます。

HTML

jQueryでのラジオボタンの操作は簡単です。

まず、今回のHTMLのサンプルを以下に示します。

<input type="radio" name="fruit" value="apple">りんご
<input type="radio" name="fruit" value="grape">ぶどう
<input type="radio" name="fruit" value="orange">みかん
<input type="button" id="btnGet" value="取得">
<input type="button" id="btnUncheck" value="外す">

果物の選択肢が3つあり、取得ボタンでチェックされた値の取得、外すボタンでチェックを全て外す処理を実装する想定です。

チェックの値の取得

チェックの値の取得はセレクタで指定するだけです。