如何传递/获取单选按钮值？Angular2 +材料？
在Angular2+材料中，传递和获取单选按钮的值可以通过以下步骤实现：
- 创建一个单选按钮组件：
在HTML模板中，使用
mat-radio-group标签创建一个单选按钮组，并绑定一个变量来存储选中的值。例如： - 创建一个单选按钮组件：
在HTML模板中，使用
mat-radio-group标签创建一个单选按钮组，并绑定一个变量来存储选中的值。例如： - 在组件中定义变量： 在组件的Typescript文件中，定义一个变量来存储选中的值。例如：
- 在组件中定义变量： 在组件的Typescript文件中，定义一个变量来存储选中的值。例如：
- 使用选中的值：
可以在组件中使用
selectedValue变量来获取选中的值，进行后续的处理。例如： - 使用选中的值：
可以在组件中使用
selectedValue变量来获取选中的值，进行后续的处理。例如：
这样，当用户选择单选按钮时，selectedValue变量会自动更新为选中的值，你可以根据这个值来进行相应的操作。
关于Angular2+材料的更多信息和使用示例，你可以参考腾讯云的Angular2+材料文档：Angular2+材料文档。
相关·内容
1回答
我有一个简单的无线电组。现在，我正在努力解决的问题，还没有成功，是如何alert()的单选按钮的值，但没有被检查。
HTML：
<div id="radiogrouping">
<input type="radio" name='test' value="hello"> hello <br/>
<input type="radio" name='test' value="hello again"> hello again &
浏览 1提问于2014-01-31得票数 0
回答已采纳
1回答
我已经开始在Visual Studio中使用Setup Project为我的应用程序创建安装程序，我已经用两个单选按钮制作了用户界面。
这就是我要说的
我想在c#中访问这些单选按钮的值，但我完全不知道如何访问。any1能帮我吗？
浏览 15提问于2017-08-08得票数 1
回答已采纳
1回答
我有一个表单，其中有来自父组件中的角材料的单选按钮，我需要获取单选按钮的值，将它们发送到父组件，然后根据所选的单选按钮显示不同的内容。我知道我需要使用@output向父组件发送数据，但是我的代码不起作用。有什么想法吗？
浏览 4提问于2022-09-13得票数 -1
关于JQuery的prop()，我有一个简短的问题。我用它来检查'if‘语句，但是现在当我单击连接到的manualOverrideYes单选按钮时，我不能单击另一个按钮。有人能解释我是如何使用prop()错误的吗？任何和所有的帮助都将不胜感激！再次感谢！
HTML：
Manual Overide:
<label>No <input type="radio" name="manualOverride" id="manualOverrideNo" value="no" checked /&g
浏览 0提问于2014-01-03得票数 2
回答已采纳
我需要两个单选按钮来检查两个选项。我用的是跟随。
<md-radio-button [value]=true [(ngModel)]="carSelected" name="carOption">Car</md-radio-button>
<md-radio-button [value]=false [(ngModel)]="carSelected" name="busOption">Bus</md-radio-button>
在我的组件中，我有carSelected布尔变量
pub
浏览 1提问于2017-04-08得票数 1
回答已采纳
16回答
我想在使用Angular 2的表单中使用单选按钮
Options : <br/>
1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/>
2 : <input name="options" ng-control="options" type="radio" value
浏览 15提问于2015-08-07得票数 130
1回答
使用angular材质构建一个angular应用程序。用户可以选择通过信用卡或银行账户转账支付klarna。因此，在具有2个单选按钮选项的单选按钮组中，每个单选按钮都有材料卡。现在，它们中的每一个都有不同文本大小的图像。如何在响应式设计中使材料卡具有相同的大小。我尝试过Bootstrap，Angular Flex Layout，不错的旧CSS，但都失败了。 问题是材料卡本身，只要它们不是单选按钮的一部分，我就能保持它们的大小不变。所以请帮帮忙。在这里查看Angular App的stackblitz： https://stackblitz.com/edit/angular-ivy-nykksq
浏览 40提问于2021-07-02得票数 0
在下面的示例中，我为多个单选按钮指定了一个局部变量#input。单击<tr>时，我想选中里面的单选按钮。
下面的代码运行得很好，但我不明白为什么。
当它们都有局部变量#input时，Angular2如何“知道”我指的是哪个输入？
HTML
<tr *ngFor="let office of employee.offices" (click)="selectOffice(input)">
<td class="select-office-radio">
<input type=
浏览 2提问于2016-07-08得票数 3
回答已采纳
从和 (和其他)关于SO的问题和互联网上的许多其他材料中，我了解了如何用VM绑定单选按钮。
但它们都为单选按钮的每个可能值创建了单独的属性。有一个问题()与我的要求相似，但公认的答案建议使用ListBox而不是单选按钮。
为了表示人的性别(Datatype CHAR，可能的值'M'，'F')，需要在VM中创建三个属性，如PersonGender、IsPersonMale、IsPersonFemale。我只想在一个属性PersonGender上控制这一点。我能做这个吗？如果是，怎么做？
浏览 23提问于2016-06-13得票数 15
回答已采纳
我已经开发了一个Silverlight RIA应用程序。假设站点链接是http://MySilverlightApp，在我的main.xaml页面中，我导航到一个不同的视图(例如Page1)。因此，当我转到http://MySilverlightApp时，我会被路由到http://MySilverlightApp/#/Page1
在这个Page1.xaml中，我显示了一个单选按钮列表。每个单选按钮都有一个ID，当选择一个单选按钮时，我会在页面上显示更多内容。
我想从url本身传递这个ID，比如http://MySilverlightApp/#/Page1?ID=13
然后，当我的页面加载时，我
浏览 1提问于2012-12-07得票数 1
1回答
我是新来的。在我的程序的类中，我试图创建一个名为的方法我的问题是:我希望这个方法的代码基于用户选择的单选按钮运行，用户可以从中选择两个单选按钮。我是否可以将任何类型的参数传递给表示选中单选按钮的方法？我试过使用bool参数，但这对我没有用。下面是表示我希望该方法执行的伪代码：
public void CalcDecorCost(//Need parameters here representing the two radio buttons.)
{
if(radiobutton1.checked)
do something;
else if(radiobutto
浏览 3提问于2015-10-14得票数 0
回答已采纳
我一直在尝试读取html标记中的内容，该标记具有以下特性：：之前和：：在使用selenium webdriver (Java)之后，但我很难读取这些内容，因为它们是动态的。
例如，在下面的HTML代码中，
<label class="radio radio-label-horizontal control-label" for="id_Fruit_1">
<input value="Banana" name="Fruit" id="id_Fruit_1" data-field-name=
浏览 0提问于2016-12-13得票数 3
3回答
我用的是角材料9.2.4
我工作的角度材料垫单选按钮与输入字段，每一种支付方法将有自己的输入字段。如果点击“现金”将显示一个输入字段，并隐藏另一个输入字段。
如何根据mat单选按钮显示输入字段？
我的代码
<mat-radio-group class="text-left">
<div class="form-group">
<mat-radio-button class="ft-12" *ngFor="let item of itemsList"
浏览 8提问于2020-06-24得票数 1
回答已采纳
我有一个带有md-select和md-radio-button字段的表单。单选按钮下的选项将根据md中选择的选项显示。请访问。
您可以看到，我已经创建了亚有机体单选按钮字段的形式是必需的。它能在第一个负载上工作。但是，如果我们选择任何子单选按钮选项，然后更改有机体选择框，表单仍然是有效的，没有有效的子orgranism值。如果没有选中子单选按钮，我需要表单无效。请帮帮忙。
问题2:同样在plunk中，请取消注释app.component.ts中第47行后面的下列行，以便字段有一个默认值。将显示子有机体单选按钮，但选择框将为空白。有选定的值，这也是为什么显示亚有机体字段的原因。不确定为什么没有为
浏览 2提问于2017-07-19得票数 0
回答已采纳
3回答
我在运行时在服务器端创建了单选按钮
RadioButton button1 = new RadioButton();
button1.ID = question.Name + "_Radio1";
button1.Text = "Yes";
RadioButton button2 = new RadioButton();
button2.ID = question.Name + "_Radio2";
button2.Text = "No";
if (question.IsDynamic)
{
button1.Att
浏览 1提问于2011-04-08得票数 0
回答已采纳
1回答
我正在尝试在我的Flutter应用程序中构建一个表单，我想让用户选择多个项目，类似于单选按钮。 我只是不喜欢单选按钮的样子，所以我想要一些更接近于材料按钮的东西，比如下面的。 ? 我曾尝试构建这是一个列表视图，但我无法让它像单选按钮或选择器按钮那样工作 现在，我已经尝试了一些选项，但我真的只想有一个材料按钮看起来像单选按钮，当我提交表单时，按钮中的数据将会传输。
浏览 17提问于2019-05-26得票数 1
回答已采纳
我面临着在yii2中使用的材料设计单选按钮的问题。这是材料设计单选按钮，它工作正常。
<div class="radio">
<label>
<input type="radio" name="q_option" value="Recent advances in MS">
Recent advances in MS
</label>
</div>
但是，当我在yii2框架中编写相同的单选按钮时，单选按钮点会消失，并且无法单击
<div
浏览 2提问于2017-06-21得票数 0
1回答
我想要检查一个单选按钮值“生日”是否存在，并显示单选按钮(所有的收音机是隐藏的)。"fl“是一个父div，包含所有单选按钮(我多次使用"fl”，可以工作)。不幸的是，警报总是显示0，因为"fl“中的"radiotoshow.length”单选按钮之一的值为“生日”(单选按钮文本为生日，我猜是值.)但这不管用。任何想法都将不胜感激。我在循环中以液体(shopify)动态创建单选按钮。tagName在一种情况下是“生日”。
HTML：
<li class="sidebarfilters">
<label class="
浏览 0提问于2020-08-18得票数 0
回答已采纳
1回答
我一直在尝试在使用卫生间时使用带有反应形式的角状材料的单选按钮，但没有成功。我成功地使用了html原生单选按钮，但当我更改为mat- radio -button时，当为"second“控件选择一个值时，它将为第一个控件设置相同的值。
我在这里做错了什么？下面的演示
浏览 0提问于2018-11-27得票数 4
回答已采纳
单选按钮，默认情况下选中第一个按钮：
<div class="shipping">
<div class="title">Select shipping method</div>
<label><input type="radio" name="shipping" value="courier-dpd" checked="checked">Courier DPD</label>
<label&g
浏览 2提问于2019-03-17得票数 1
回答已采纳
我使用的是角度材料，单选按钮组，组中有两个单选按钮，一个是“接受”，另一个是“拒绝”，值为"A“和"R”。我弹出一个确认对话框来响应用户点击"Reject“单选按钮，如果用户在确认框中指定"Cancel”，则需要将所选的单选按钮更改为"Accept“(A)。
我的代码是在单选按钮组的change事件中。
单选按钮组使用(ngModel)绑定到变量"statusCode“，并且是模板驱动表单的一部分。
onRadioChange($event: MatRadioChange) {
if ($event.value === 'R
浏览 0提问于2019-11-24得票数 1
我正在尝试创建一个基本的用户表单在shiny的基础上，我需要执行一些计算。为了让我这样做，需要了解每个产品的材料和形状。有两种材料，每种材料都有两种形状。
我想要一套材料的单选按钮。根据用户选择的材料，下一组单选按钮将与该材料的相关形状一起出现。
用户可以选择两种材料-金牌或银牌。形状的单选按钮将根据用户输入的材质显示。如果他们选择银色，形状应该是“圆形”或“方形”。如果他们选择金色，形状应该是‘三角形’或‘矩形’
提前感谢您的帮助。
我尝试将insertUI函数与if语句一起使用，但无法按需插入按钮。
library(shiny)
library(shinydashboar
浏览 16提问于2019-03-26得票数 1
回答已采纳
我正在尝试写一段代码，我可以用它来自动化我每年都要做的培训课程。它年复一年都是相同的材料和相同的训练，所以我想为什么不把它自动化呢？
我被卡住的部分是点击一个单选按钮。我可以通过使用find element by xpath来选择单选按钮，但是因为答案是随机的，所以我希望通过与单选按钮相关的文本来查找元素。我尝试过使用find_element_by_partial_link，但没有成功，我也可能做错了。这是我尝试过的：
test = browser.find_element_by_partial_link_text('Is this achievable?').
下面是我试图访
浏览 0提问于2017-11-02得票数 1
1回答
如何使用素材UI下一个主题显示单选按钮？我正在做一个项目，是在材料UI的下一个主题，它不是在作出反应。它是用简单的HTML模板制作的。
我提到了关于单选按钮的官方文档，但是该页面上的示例是使用React组件创建的。我还试图检查单选按钮元素，但这并没有帮助，因为HTML/CSS是由Material下一个主题自动生成的。
这是我的代码(如果这被称为任何代码btw：)
<input type="radio" />
在同一个项目中，我通过以下函数初始化select选项(如果这有帮助的话)：
$('select').select();
我已经尝试使用上述功能的
浏览 0提问于2018-03-22得票数 2
回答已采纳
1回答
我们有设计单选按钮的具体要求，如下所示。
我试过材料设计单选按钮。但它没有内部圈。
请有人帮助设计一个单选按钮，如上面的Sass/CSS。
感谢你的帮助。
浏览 5提问于2017-09-26得票数 0
回答已采纳
如何将ssrs中报告参数的选择设置为基于所选选项的默认选择。
我有一个报告，在我的参数字段中最多有5个单选按钮，查询是这样的:如果一个值为true，另一个值应该为false，因此用户希望当他们选择某个单选按钮时，另一个值应默认为false。
在Chose value for this参数中，我使用了一个开关函数，但没有正确使用。请帮帮忙
浏览 1提问于2014-03-20得票数 0
我有两个项目：
单选按钮
outputtext
我尝试做的是:当用户选中一个单选按钮时，在我的->输出中获取选中的单选按钮的itemLabel。(不是itemValue)
下面的代码显示了输出文本中的itemValue：
<h:form>
<p:selectOneRadio layout="pageDirection" id="test" name="testy" value="#{myBean.testValue}">
<p:ajax update="testOutput"/&
浏览 0提问于2012-11-09得票数 0
回答已采纳
我正在开发一个在React中的小测验应用程序，我已经创建了一些显示问题和答案的功能，以及选择单选按钮作为答案的功能。但是，我面临的问题是，我不知道如何提交表单并获得所选单选按钮的值，如果所选答案正确，则将score增加1。
这是我的联署材料：
<form className="answer_div">
{questions[currentQuestion].answerOptions.map(
(answerOption) => (
<div>
<
浏览 12提问于2022-02-18得票数 0
3回答
我一直在玩角质材料。我认为这很棒，但我不知道如何为单选按钮列表设置默认值。我试图设置值和文本，以及选择没有运气。
$scope.rdButton.value = 'Yes';
$scope.rdButton.text = 'Yes';
rdButton是ng-model组的名称。对如何做到这一点有什么想法吗？
谢谢
浏览 1提问于2016-06-28得票数 0
回答已采纳
3回答
我在SQL server中有一个存储过程，用于在vb.net应用程序中显示一些数据。我可以只编辑我的程序吗？如何在不修改VB代码，不在SQL中添加新参数的情况下，传递单选按钮值，根据选中的单选按钮显示数据，可以吗？这些是我的参数。
ALTER PROCEDURE [dbo].[LMS_Report]
@deptID varchar(10),
@month int,
@year int,
@startIndex int,
@pageSize int,
@generateData int,
@totalRec
浏览 2提问于2016-06-08得票数 5
我有3个带有选择按钮的单选按钮-现在我需要将选择按钮更改为选中的单选按钮。例如html代码：
<INPUT TYPE="radio" id="Orange"> Orange
<INPUT TYPE="radio" id="Apple""> Apple
<INPUT TYPE="radio" id="Mango"> Mango
<button>Select</button>
我现在想要链接我的选择按钮，以获得一个URL，这个U
浏览 1提问于2016-03-02得票数 0
正在开发angular2测试版Forms。经过大量的搜索，没有发现任何有用的东西。希望这里有人能帮我。
基本上，我有点困惑如何在angular2中以适当的方式使用表单(即使用ngControl、ngFormControl等)。我在这里创建了一个plnkr
这是我的.html代码：
<form class="form-horizontal" id='myForm' role="form" [ngFormModel]="CreateGroup">
<div class="col-md-7"
浏览 56提问于2016-02-14得票数 13
3回答
我有问题，改变单选按钮的角度材料2的颜色。我搜索了其他的答案，但没能成功。
下面是材料2单选按钮示例中的柱塞：
我知道这会适用于这条线
<md-radio-button color="primary" class="example-radio-button"
*ngFor="let season of seasons" [value]="season">
{{season}}
</md-radio-button>
但我不能使用“颜色”属性，因为我们使用的是一个旧版本的材料2，我们不能升级它目
浏览 3提问于2017-08-18得票数 3
回答已采纳
在angular2中，单选按钮、复选框和选择/选项绑定都面临一些问题。
如果是单选按钮，为什么具有false值的单选按钮甚至没有被“选中”，尽管模型中的值被更新为false，如plukr中所示。但是单选按钮unSelected为什么呢？
<input type="radio" name="status" (click)="is_active = false"> //not working
<input type="radio" name="status" (click)=
浏览 4提问于2016-03-01得票数 1
我有一个Angular2子组件，它包含一个单选按钮和一个输入文本区域：
<div class="form-group" *ngIf="message" >
<input type="text" class="form-control"
required [(ngModel)]="message.message"
name="message"/>
<input type="radio" class="form-control
浏览 18提问于2017-01-31得票数 0
回答已采纳
我有一个表单，可以在视图中动态生成多个单选按钮，在提交的表单上，我如何收集控制器中的值。例如，有动态生成的单选按钮，如性别(男性和女性)、教育(BS、MS、BCS)。我怎么能在容器中有值呢？
浏览 3提问于2010-12-10得票数 1
回答已采纳
2回答
我有四个单选按钮冷，温暖，活动，all.It显示为button.If我点击冷按钮值‘冷’是传递给查询和副versa.Based上的单选按钮查询得到更改。
我想显示冷的，温暖的或活动的记录模式，所以我使用单选按钮。
<input type="radio" name="sta_choice" id="o1" value="Cold" onclick="handleClick(this.val);"><span>Cold</span>
<input type=
浏览 3提问于2015-04-29得票数 0
回答已采纳
我有四个活动，比如java文件- activity1.java，activity2.java，activity3.java，activity4.java和xml文件- activity_1.xml，activity_2.xml，activity_3.xml，activity_4.xml
现在在activity1中-我有一个带有两个单选按钮和一个转到activity2的按钮的单选组
现在在activity2中-我有一个按钮，根据在activity1中点击的单选按钮，我可以转到activity3或activity4。
我可以删除activity2并在activity1中使用if条件来转到activ
浏览 6提问于2015-03-23得票数 1
我使用的是材料UI版本4，我有一个自定义的对话框，并在整个项目中使用。
对话框内部有一个窗体，其中包含textFeilds、单选按钮和对话框操作中的按钮。单选按钮存在且diableTouchRipple={false}时，按钮闪烁。闪烁效果是在中间和最右边的按钮。如果我在中间的按钮上只有一个按钮或者disableTouchRipple={true}，那么按钮就不会闪烁。闪烁只存在于Google Chrome中，而不存在于firefox、brave或edge中
浏览 1提问于2021-02-21得票数 0
2回答
我想验证表单使用角和角材料内置指令，包括消息下的字段喜欢，输入，选择，单选按钮。
有一些具体要求：
表单字段应该具有相等的高度。
单选按钮，即md-radio应该是内联的
字段下的消息位置应该类似。
角度材料的选择，即md-select应该是宽度= 100%。
浏览 2提问于2015-06-07得票数 8
回答已采纳
我想使用jQuery更改Primefaces单选按钮的选中状态。但我唯一能设置的是：disabled=false/true。
我认为使用jQuery可以做到这一点，但我看不到单选按钮内部的圆点，可能是因为Primefaces使用了一个图像。
有人知道如何在Primefaces中更改单选按钮的checked-status吗？此外，我必须能够获取单个单选按钮的状态。
浏览 0提问于2012-12-07得票数 1
1回答
我有一个窗口，我想从另一个几乎没有RadioButton的部分更改这个窗口的一部分。从这个单选按钮，我希望客户选择谁是需要在窗口的另一部分。类似于Visual中的“选项”窗口。
我在一个组中有几个单选按钮，并且希望视图模型知道当用户选择其中一个按钮时选择哪个单选按钮。
我找到了一个，但不知道视图模型如何知道选择了哪个单选按钮。
以下是我的简单看法：
<RadioButton GroupName="Settings" IsChecked="{Binding SelectSettingSection}" Content="Language" /
浏览 3提问于2016-01-13得票数 0
回答已采纳
我试着把一组反应引导按钮变成单选按钮。我可以轻松地使用带有<input type="radio">元素的引导程序来完成这一任务，但是我不知道如何使用react引导来完成这一任务。下面的代码允许用户选择每个按钮，而不仅仅是一个按钮。
联署材料：
const operationButtons = (
<ButtonGroup>
<Button active>Radio 1</Button>
<Button>Radio 2</Button>
</ButtonGroup>
浏览 2提问于2015-05-08得票数 19
回答已采纳
我想计算一下GST的产品成本。
因此，如果我输入产品成本，材料成本(使用单选按钮)和GST，它将显示结果，但问题是，当我点击没有选项，成本钢添加的结果。如果我没有单击单选按钮，材料成本将自动从总成本降低，但它不会发生，请解决我的问题，我的代码链接在这里：
浏览 4提问于2022-01-20得票数 -1
我是新的反应js材料用户界面设计。我想要的是如下所示。
如果我单击了第一个单选按钮，它的值1应该显示在选定的单选按钮中。
我只能使用以下方法实现独立单选按钮。
import React from 'react';
import { withStyles } from '@material-ui/core/styles';
import { green } from '@material-ui/core/colors';
import Radio from '@material-ui/core/Radio';
const
浏览 3提问于2020-09-24得票数 1
回答已采纳
2回答
在我的视图中正在传递散列在单选按钮选项中，如
在选择单选按钮时，它将散列(键和值)传递给数据库。
如何访问控制器中传递的参数。以根据所选内容更新计数字段。
对此有任何帮助..。
浏览 6提问于2009-08-05得票数 0
这个问题我已经有一段时间了，我想我被困住了。我一直在阅读如何使用AJAX将数据发送到PHP文件。
问题是，我并不真正了解如何获取HTML页面中单选按钮的值，然后通过AJAX将该值发送到PHP文件，然后PHP文件将处理该值。
例如：
如果我有两个单选按钮
<input type="radio" name="radio" value="yes">
<input type="radio" name="radio" value="no">
我希望使用这些单选按钮的值，并使用AJAX将
浏览 3提问于2015-02-21得票数 0
我正在尝试使用创建一个表单，该表单允许用户选择每个页面的项目数(从DB加载)。我想有最受欢迎的选择(例如，10，20，所有)始终可见，并可通过一个鼠标单击访问，所以没有下拉列表或滑块。但是，我也希望用户可以自由地通过输入字段指定自定义值(见下面的图像)。
我创建了以下JSFiddle：
然而，存在一个问题。输入字段不能用鼠标聚焦，而是选择单选按钮，我需要按TAB键来聚焦输入字段。当我这样做并更改值时，单选按钮将被取消选择。然后，当我再次按下第四个单选按钮时，就会报告适当的值。
我希望这个输入可以用鼠标和单选按钮来聚焦，而当输入被修改时，保持选中。有角度的材料可以实现这样的设计吗？
浏览 0提问于2015-10-22得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
