如何默认选择一个单选按钮？ [重复]

本文翻译自：How to select a radio button by default? [duplicate]

This question already has an answer here: 这个问题在这里已有答案：

Assign an initial value to radio button as checked 8 answers 将选定的 8个答案的初始值分配给单选按钮

I have some radio buttons and I want one of them to be set as selected by default when the page is loaded. 我有一些单选按钮，我希望在加载页面时默认将其中一个设置为选中状态。 How can I do that? 我怎样才能做到这一点？

<input type="radio" name="imgsel"  value=""  />

#1楼

参考：https://stackoom.com/question/NSp7/如何默认选择一个单选按钮-重复

#2楼

This doesn't exactly answer the question but for anyone using AngularJS trying to achieve this, the answer is slightly different. 这并没有完全回答这个问题，但对于任何使用AngularJS试图实现这一目标的人来说，答案略有不同。 And actually the normal answer won't work (at least it didn't for me). 实际上，正常的答案是行不通的（至少它不适合我）。

Your html will look pretty similar to the normal radio button: 你的html看起来非常类似于普通的单选按钮：

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

In your controller you'll have declared the mValue that is associated with the radio buttons. 在您的控制器中，您将声明与单选按钮关联的mValue 。 To have one of these radio buttons preselected, assign the $scope variable associated with the group to the desired input's value: 要预先选择其中一个单选按钮，请将与该组关联的$scope变量分配给所需的输入值：

$scope.mValue="second"

This makes the "second" radio button selected on loading the page. 这使得在加载页面时选择“第二”单选按钮。

EDIT: Since AngularJS 2.x 编辑：自AngularJS 2.x

The above approach does not work if you're using version 2.x and above. 如果您使用的是2.x及更高版本，则上述方法不起作用。 Instead use ng-checked attribute as follows: 而是使用ng-checked属性如下：

<input type='radio' name='gender' ng-model='genderValue' value='male' ng-checked='genderValue === male'/>Male
<input type='radio' name='gender' ng-model='genderValue' value='female' ng-checked='genderValue === female'/> Female

#3楼

XHTML solution: XHTML解决方案：

<input type="radio" name="imgsel" value="" checked="checked" />

Please note, that the actual value of checked attribute does not actually matter; 请注意， checked属性的实际值实际上并不重要; it's just a convention to assign "checked" . 它只是一个分配"checked"的约定。 Most importantly, strings like "true" or "false" don't have any special meaning. 最重要的是，像"true"或"false"这样的字符串没有任何特殊含义。

If you don't aim for XHTML conformance, you can simplify the code to: 如果您不瞄准XHTML一致性，则可以将代码简化为：

<input type="radio" name="imgsel" value="" checked>

#4楼

Use the checked attribute. 使用checked属性。

<input type="radio" name="imgsel"  value="" checked />

or 要么

<input type="radio" name="imgsel"  value="" checked="checked" />

#5楼

添加此属性：

checked="checked"

#6楼

They pretty much got it there... just like a checkbox, all you have to do is add the attribute checked="checked" like so: 他们几乎把它拿到那里......就像一个复选框，你所要做的就是添加属性checked =“checked”，如下所示：

<input type="radio" checked="checked">

...and you got it. ......你明白了

Cheers! 干杯!

如何默认选择一个单选按钮？ [重复]相关推荐

html 按钮单选默认选择,关于html：如何默认选择一个单选按钮？
本问题已经有最佳答案,请猛点这里访问. 我有一些单选按钮,我希望在加载页面时默认将其中一个设置为选中状态. 我怎样才能做到这一点? XHTML解决方案: 请注意,checked属性的实际值实际上并不重 ...
html单选按钮默认选择
页面需要一个选择性别的单选按钮,要求默认是根据后台返回值来选择"男"或"女",然后可以手动进行修改.注:下图中单选按钮的按钮是图片,根据是否被选中来显示不同的图 ...
Android --- RecycleView 中默认选择第一个 item，点击第 2 个 item 时改变其字体样式，其余的 item 的字体样式恢复默认
问题描述: RecycleView 中默认选择第一个 item,点击第 2 个 item 时改变其字体样式,其余的 item 的字体样式恢复默认代码如下: 主要的参数是 mPosition publ ...
2022-08-02：小红拿到了一个大立方体，该大立方体由1*1*1的小方块拼成，初始每个小方块都是白色。小红可以每次选择一个小方块染成红色，每次小红可能选择同一个小方块重复染色，每次染色以后，
2022-08-02:小红拿到了一个大立方体,该大立方体由111的小方块拼成,初始每个小方块都是白色. 小红可以每次选择一个小方块染成红色, 每次小红可能选择同一个小方块重复染色, 每次染色以后,你需 ...
php框架和不用框架_如何选择一个PHP框架
php框架和不用框架 PHP是世界上最受欢迎的编程语言之一,而最近的PHP 7版本使这种服务器端编程语言比以往任何时候都更好,更稳定. PHP被广泛用于大型项目中. 例如,Facebook利用PHP来 ...
如何为你的代码选择一个开源协议
相信很多刚踏入软件这个行业的小伙伴一如当初的我,对开源软件的各种协议不甚了解被搞昏了头脑.毕竟对于一个新生程序员来说,如何写好代码才是亟待解决的问题,无暇了解这些.随着你项目做得多了代码写得多了,你会 ...
php delete和truncate,TRUNCATE 删除表，无法回退。默认选择为整个表的内容，所以不能加条件。...
TRUNCATE 删除表,无法回退.默认选择为整个表的内容,所以不能加条件. DELETE 删除表,可以回退.可以带where 条件.建议使用delete.但是TRUNCATE 删除表数据比delet ...
ant design vue 表格table 默认选择几项getCheckboxProps
首先我们看一下场景在table组件里默认选择第一项,如下图所示: 查看table文档后发现只有getCheckboxProps或许能修改checkbox 文档说是一个函数,然后就写一个方法,有一个默认 ...
关于uni-app的Picker选择器默认选择的问题
在使用uni-app的Picker选择器时,有时选择器的默认选择是后台传递的参数进行决定,或者是上一个界面传递过来的参数进行默认展示,我们该怎么解决呢? 我这里展示上一个界面传递参数改变picker的 ...

如何默认选择一个单选按钮？ [重复]

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

如何默认选择一个单选按钮？ [重复]相关推荐

最新文章

热门文章