1. ホーム
  2. javascript

[解決済み] javascriptでラジオボタンをチェックする

2022-03-13 13:15:39

質問

なぜか、これがわからないんです。

カテゴリを切り替えるラジオボタンがhtml内にいくつかあります。

<input type="radio" name="main-categories" id="_1234" value="1234" /> // All
<input type="radio" name="main-categories" id="_2345" value="2345" /> // Certain category
<input type="radio" name="main-categories" id="_3456" value="3456" /> // Certain category
<input type="radio" name="main-categories" id="_4567" value="4567" /> // Certain category

ユーザは好きな方を選択できるが、あるイベントが発生したときに、そのイベントに応じた 1234 をチェック付きラジオボタンに設定する。これはデフォルトのチェック付きラジオボタンだからである。

私はこれのバージョン(jQuery付きとなし)を試してみました。

document.getElementById('#_1234').checked = true;

しかし、更新されないようです。ユーザーにわかるように、目に見える形で更新する必要があります。 誰か助けてくれませんか?

EDIT: ただ疲れていて、見落としていたのは # ご指摘ありがとうございます。 $.prop() .

解決方法は?

CSS/JQueryの構文( # を識別子とする)とネイティブのJSを混在させる。

JSのネイティブソリューションです。

document.getElementById("_1234").checked = true;

JQueryで解決。

$("#_1234").prop("checked", true);