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

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

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",如下所示:

......你明白了

干杯!

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

  1. php一些单选、复选框的默认选择方法(示例)

    转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...

  2. html input file 修改按钮文字_html单选按钮默认选中怎么做?input标签的单选按钮用法实例...

    本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 首先我们介绍的是在html input ...

  3. 【MFC】工具栏按钮单选效果

    00. 目录 文章目录 00. 目录 01. 案例概述 02. 开发环境 03. 关键技术 04. 程序设计 05. 秘笈心法 06. 源码下载 07. 附录 01. 案例概述 Visual C++在 ...

  4. 台达触摸屏-实现按钮单选功能(宏程序)

    一.创建工程文件 二.控件添加 三.宏程序编写 一.创建工程文件 1.打开软件,选择"新增专案" 2.选择人机型号,我用的是DOP-100系列中的110WS,下一步 3.选择通讯设 ...

  5. html下拉框代码默认选中状态,select默认不选中 html select 默认不选择

    html select 默认不选择 html中,select会默认选择第一个选项,如果要不选择,可以将第一个选项命名为"==请选择=="或空即可. select简介: select ...

  6. 如何在Angular.js选择框中使用默认选项

    本文翻译自:How to have a default option in Angular.js select box I have searched Google and can't find an ...

  7. 如何默认选择一个单选按钮? [重复]

    本文翻译自:How to select a radio button by default? [duplicate] This question already has an answer here: ...

  8. php按钮打开文件选择框,在Select file(选择)页面单击Select file(选择文件)按钮

    第1步,运行WordFix,并单击"Start(开始)"按钮,如图所示. 第2步,进入Word文档恢复向导,在"Select file(选择)"页面单击&quo ...

  9. cascader 动态加载 回显_elementUI的cascader级联选择控件的默认值(回显)问题

    其实所谓回显,也只是默认值的问题.例如,一个省市联动,如果当一个用户修改自己信息的时候,那么他能看到级联选择的值,也就是说 在修改页面我们给级联选择器赋值一个默认值就可以了.截图是官方文档 vchl0 ...

最新文章

  1. 2021-2027年中国玩具行业市场研究及前瞻分析报告
  2. 【机器学习入门】(10) 特征工程:特征抽取,字典特征抽取、文本特征抽取,附完整python代码
  3. 【DBMS 数据库管理系统】数据仓库 数据组织 ( 数据组织级别 | 元数据 | 粒度 | 分割 | 数据组织形式 )
  4. 双字节数据 先低后高_1.4 C++数据类型
  5. 机器人学习--从路径规划侧面看栅格地图
  6. 丹麦奥尔堡大学计算机系博士,丹麦奥尔堡大学招收计算机全奖PHD
  7. python中的threading_python中的threading模块使用说明
  8. Animation Property Animation 使用
  9. 二分实现:查找数组中的峰值元素
  10. CentOS下MySQL安装后配置和设置
  11. Java与mysql数据库编程中遇见“Before start of result set at com.mysql.jdbc.SQLError.createSQLException” 的解决办法
  12. 交通灯倒计时c语言程序,交通灯C语言程序,T89S52单片机控制,倒计时,红黄绿灯.doc...
  13. 智慧交通之智能红绿灯调控系统分析
  14. C语言控制鼠标自动画图
  15. (附源码)基于Java SpringBoot的电影院管理系统设计与实现 毕业设计 011633
  16. 百家云CEO李钢江给员工们的一封信(转载)
  17. 渗透测试:密码破解小结
  18. Bootstrap—解决下拉菜单不弹出问题
  19. 钉钉与wcp集成通知【原创】
  20. Unity案例---愤怒的小鸟

热门文章

  1. 使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天
  2. 脚本语言---来于百度
  3. 基于贝叶斯方法的英文单词模糊自动校对技术及其应用研究
  4. Python 环境变量配置详解
  5. python中的字符串比较
  6. Leaflet加载百度瓦片到WGS84坐标系下
  7. 概率论与数理统计学习笔记——第8讲——多维随机变量的概念(3.1.4联合概率密度的概念及性质)
  8. 小米是中国最大的电视企业?中国电视一哥销量是它三倍
  9. Python基于AESSHA1PRNG 算法 加密与解密
  10. pythonselenium软件_Python+Selenium开发工具安装及下载