Javascript 在DOM中显示radio属性

Javascript 在DOM中显示radio属性,javascript,html,Javascript,Html,所以我有一个单选按钮,我点击,它确实点击。除了检查DOM外,我没有看到添加了checked属性,但是我可以看到属性检查已设置为true。我需要能够保持这种状态,因为我正在保存HTML。当属性更改时,是否需要添加/删除选中的属性?除了在单击时添加处理程序并检查属性以添加或删除属性之外 如果希望更改DOM,则必须手动设置。DOM不会自动修改自身 要获取单选按钮的当前值,请使用javascript: document.getElementById("radio_group_92").checked /

所以我有一个单选按钮,我点击,它确实点击。除了检查DOM外,我没有看到添加了checked属性,但是我可以看到属性检查已设置为true。我需要能够保持这种状态,因为我正在保存HTML。当属性更改时,是否需要添加/删除选中的属性?除了在单击时添加处理程序并检查属性以添加或删除属性之外


如果希望更改DOM,则必须手动设置。DOM不会自动修改自身

要获取单选按钮的当前值,请使用javascript:

document.getElementById("radio_group_92").checked // true or false
要设置该值,请使用以下命令:

var radiobtn = document.getElementById("the_id_of_the_group");
radiobtn.checked = true;
单选按钮仅指定有关选中属性的信息:

定义和用法

checked属性设置或返回收音机的选中状态 按钮

此属性反映HTML checked属性


如果要更改DOM,则必须手动设置。DOM不会自动修改自身

要获取单选按钮的当前值,请使用javascript:

document.getElementById("radio_group_92").checked // true or false
要设置该值,请使用以下命令:

var radiobtn = document.getElementById("the_id_of_the_group");
radiobtn.checked = true;
单选按钮仅指定有关选中属性的信息:

定义和用法

checked属性设置或返回收音机的选中状态 按钮

此属性反映HTML checked属性


有属性和属性。属性是XHTML的一部分,而属性不是。通常,设置属性不会影响DOM上的属性(如示例中所示)或文本输入的值属性。不过也有一些例外,比如id和name属性也会改变DOM的属性。 在您的情况下,您确实需要按照@cacho的建议手动检查checked属性。但是,我认为更改事件比单击更合适

 document.getElementById("radio_group_92").addEventListener("change", function(e){ 
     console.log(e.target.checked);
 }, false);

有属性和属性。属性是XHTML的一部分,而属性不是。通常,设置属性不会影响DOM上的属性(如示例中所示)或文本输入的值属性。不过也有一些例外,比如id和name属性也会改变DOM的属性。 在您的情况下,您确实需要按照@cacho的建议手动检查checked属性。但是,我认为更改事件比单击更合适

 document.getElementById("radio_group_92").addEventListener("change", function(e){ 
     console.log(e.target.checked);
 }, false);

您必须手动添加它。@tymeJV我试图避免,但我想我不能。您必须手动添加它。@tymeJV我试图避免,但我想我不能。thnx我希望有一种更简单的方法,但我会接受,@jackthor我个人认为JQuery比javascript更简单,但这就是我。使用JQuery
$('input[name=foo')).attr('checked',true)
您可以使用JS在单击时自动切换
checked
属性。thnx我希望有一种更简单的方法,但我会接受这一点,@jackthor我个人认为JQuery比javascript更简单,但这就是我。使用JQuery
$('input[name=foo]').attr('checked',true)
您可以使用JS在单击时自动切换
选中的
属性。