使用 javascript 检查单选按钮

javascript html radio-button

2022-08-30 04:50:06

出于某种原因，我似乎无法弄清楚这一点。

我的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;

但它似乎没有更新。我需要它来明显更新，以便用户可以看到它。任何人都可以帮忙吗？

编辑：我只是累了，忽略了，谢谢你指出它，那个和。#$.prop()

答案 1

不要将 CSS/JQuery 语法（用于标识符）与本机 JS 混合使用。#

原生JS解决方案：

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

JQuery 解决方案：

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

答案 2

如果要设置“1234”按钮，则需要使用其“id”：

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

当你使用浏览器API（“getElementById”）时，你不使用选择器语法;您只需传递要查找的实际“id”值即可。将选择器语法与 jQuery 或和结合使用。.querySelector().querySelectorAll()