使用 javascript 检查单选按钮

2022-01-21 00:00:00 radio-button javascript html

由于某种原因,我似乎无法弄清楚这一点.

For some reason, I can't seem to figure this out.

我的 html 中有一些单选按钮可以切换类别:

I have some radio buttons in my html which toggles categories:

<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 设置为选中单选按钮,因为这是默认选中单选按钮.

The user can select whichever he/she wants, but when an certain event triggers, I want to set 1234 to be set checked radio button, because this is the default checked radio button.

我已经尝试过这个版本(有和没有 jQuery):

I have tried versions of this (with and without jQuery):

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

但它似乎没有更新.我需要它明显更新,以便用户可以看到它.有人可以帮忙吗?

But it doesn't seem to update. I need it to visibly update so the user can see it. Can anybody help?

我只是累了,忽略了 #,感谢您指出它和 $.prop().

I'm just tired and overlooked the #, thanks for pointing it out, that and $.prop().

推荐答案

不要将 CSS/JQuery 语法(# 表示标识符)与原生 JS 混合.

Do not mix CSS/JQuery syntax (# for identifier) with native JS.

原生 JS 解决方案:

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

jQuery 解决方案:

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

相关文章