html 按钮单选默认选择,关于html:如何默认选择一个单选按钮?

本问题已经有最佳答案,请猛点这里访问。

我有一些单选按钮,我希望在加载页面时默认将其中一个设置为选中状态。 我怎样才能做到这一点?

XHTML解决方案:

请注意,checked属性的实际值实际上并不重要;分配"checked"只是一个惯例。最重要的是,像"true"或"false"这样的字符串没有任何特殊含义。

如果您不瞄准XHTML一致性,则可以将代码简化为:

stackoverflow.com/questions/4711036/的重复

知道这个问题同样重要:您需要确保此单选按钮组中没有其他输入包含markup checked ="false",也不需要"自检"。否则,将检查页面上显示的最后一个。默认情况下,只有您想要选择的那个应该包含任何包含"已选中"的标记。

如果问题仍然存在,则应添加属性autocomplete ="off"以强制浏览器设置默认值。

"空属性"(仍然)在当前的HTML 5.2推荐中有效。

哪个更好检查="检查"或刚检查?

使用checked属性。

要么

也会导致检查按钮。

我建议只使用checked或checked="checked"并强烈避免使用"true",因为它暗示"false"会反过来......它不会。

第一个选择是正确的答案。布尔属性不应包含值。

@JasonTu两者都是正确的。 XHTML需要第二个版本,而HTML允许。

这是否意味着checked ="checked"更好?

这并没有完全回答这个问题,但对于任何使用AngularJS试图实现这一目标的人来说,答案略有不同。实际上,正常的答案是行不通的(至少它不适合我)。

你的html看起来非常类似于普通的单选按钮:

First

Second

在您的控制器中,您将声明与单选按钮关联的mValue。要预先选择其中一个单选按钮,请将与该组关联的$scope变量分配给所需输入的值:

$scope.mValue="second"

这使得在加载页面时选择"第二"单选按钮。

编辑:自AngularJS 2.x

如果您使用的是2.x及更高版本,则上述方法不起作用。而是使用ng-checked属性如下:

Male

Female

我很惊讶接受的答案不起作用 - 直到我看到你的评论。我也在使用AngularJS,这是一种享受!

在我的情况下,也使用angularjs,我有价值,但我不得不将其更改为ng值,以使其正常工作。

没错。应该注意的是,这是角度1.x不大的答案

应该删除这个答案,因为这个答案没有回答这个问题。

添加此属性:

checked="checked"

他们几乎把它拿到那里......就像一个复选框,你所要做的就是添加属性checked ="checked",如下所示:

......你明白了

干杯!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值