如何将来自两个单选按钮的输入分配给单个字段?(How to assign the input from two radio buttons to a single field?)

我是编码新手。 我有两个单选按钮。 如果从它们中选择了“是”,则某个字段(此处为kouAP)必须自动设置为一个值(在本例中为0.56)。 问题是:

  1. 如何使两个单选按钮将值设置为单个字段?
  2. 如果其中一个是“是”,另一个是“否”,如何保持希望的价值? 不管点击的顺序如何。

我的JQuery没有任何意义:(

谢谢

HTML

<label for="Pre002">ccs</lable>  
<br />
<input type="radio" id="Pre002o" name="css" value="0">
<label for="Pre002o">none</label>
<input type="radio" id="Pre002d" name="css" value="4">
<label for="Pre002d">yes</label>
<br />
<label for="Pre066">mi</lable>  
<br />
<input type="radio" id="Pre066a" name="mi" value="0">
<label for="Pre066a">yes</label>
<input type="radio" id="Pre066b" name="mi" value="1">
<label for="Pre066b">no</label>
<br />
<input id="kouAP" type=“text” name="kouAP" readonly="true" placeholder="kouAP">
<label for="kouAP">at least one yes</label> 

JQuery的

$('input[type=radio].css; input[type=radio].mi').click(function(e){
  if ($(this).attr("id") == "Pre002d" || $(this).attr("id") == "Pre066a" ){
    $("#kouAP").val(0.5677075);
  }
  else {
    $("#kouAP").val(0);
  }
});

I am new in coding. I have two radio buttons. If a “yes” is selected in either from them a certain field (here kouAP) must be AUTOMATICALLY set to a value (in this case 0.56). The problems are:

  1. how to make both radio buttons to set the value to a single field?
  2. How to keep the wished value if one of the is “yes” and the other is “no”? No matter of the order of clicking.

My JQuery makes no sense :(

Thanks you

HTML

<label for="Pre002">ccs</lable>  
<br />
<input type="radio" id="Pre002o" name="css" value="0">
<label for="Pre002o">none</label>
<input type="radio" id="Pre002d" name="css" value="4">
<label for="Pre002d">yes</label>
<br />
<label for="Pre066">mi</lable>  
<br />
<input type="radio" id="Pre066a" name="mi" value="0">
<label for="Pre066a">yes</label>
<input type="radio" id="Pre066b" name="mi" value="1">
<label for="Pre066b">no</label>
<br />
<input id="kouAP" type=“text” name="kouAP" readonly="true" placeholder="kouAP">
<label for="kouAP">at least one yes</label> 

JQuery

$('input[type=radio].css; input[type=radio].mi').click(function(e){
  if ($(this).attr("id") == "Pre002d" || $(this).attr("id") == "Pre066a" ){
    $("#kouAP").val(0.5677075);
  }
  else {
    $("#kouAP").val(0);
  }
});

原文:https://stackoverflow.com/questions/47222761
2022-11-24 10:11

满意答案

代码没有问题。

只需提供您收听点击的元素的名称即可。

更换:

$('input[type=radio].css; input[type=radio].mi').click(...);

附:

$('input').click(...);

要么:

$('input[type=radio]').click(...);

以避免将来的错误。

我建议你再次完成基础知识:)

编辑

对于第二个问题,我想这只是一个if..else的工作。 希望能帮助到你。

$('input').click(function(e){
  if ($('#Pre002d').is(':checked') || $('#Pre066a').is(':checked')){
    $("#kouAP").val(0.5677075);
  }
    else{
        $("#kouAP").val(0);
    }
});

There is nothing wrong with code.

Just provide the name of the element you listen the click from.

Replace:

$('input[type=radio].css; input[type=radio].mi').click(...);

With:

$('input').click(...);

or:

$('input[type=radio]').click(...);

to avoid future errors.

I just advice you to go through the basics again :)

EDIT

For the second question, I guess it's just a work around with if..else. Hope it helps.

$('input').click(function(e){
  if ($('#Pre002d').is(':checked') || $('#Pre066a').is(':checked')){
    $("#kouAP").val(0.5677075);
  }
    else{
        $("#kouAP").val(0);
    }
});

相关问答

更多

如何将单选按钮的属性分配给复选框(How to assign Property of Radio button to a Checkbox)

只需使用这个值: $(this).children('TD').find('input:radio').change(function() { $(this).parents('TD').find('input:checkbox').prop('checked',this.checked) }); 请注意,当您选择关闭单选按钮时,它不会取消选中该框,因为它不会调用旧按钮上的change事件。 Just use the prop value of...

Radio Buttons jQuery(Radio Buttons jQuery)

您不能在具有相同ID的同一文档中包含两个元素。 您的选择器#companyreg正在查找第一个元素而不是第二个元素。 如果你要检查 $("#companyreg").length 你会看到1。 你可以通过使用来解决这个问题 $( '[id="companyreg"]' ) 虽然它不会修复你的无效文件。 最好的方法是删除ID并为这些元素添加一个类,然后通过该类选择。 我没有检查你的其余代码,看看这是否是唯一的问题,但我怀疑它是最大的问题。 You cannot have two elements...

分配单选按钮的标签而不是值(Assign radio button's label instead of value)

您可以使用通用名称获取收音机,并使用input.value = newValue更新值 function updateValues(){ var radios = document.querySelectorAll('[name="lighting"]'); for(var i = 0; i< radios.length; i++){ var id = radios[i].getAttribute('id'); radios[i].value = document....

将多个单选按钮与单个文本框关联(Associate multiple radio buttons with a single textbox)

根本不需要将按钮与文本框“关联”。 你缺少的是每个单选按钮本身都需要一个value 。 一旦你完成了,但给了他们一个不同的名字,你就完全了。 <input type="text" name="name" size="54" />​ <input type="radio" id="radio1" name="field" value="item1"> <label for="radio1">item1</label> <input ...

如果未选中单选按钮,如何将隐藏字段设置为零(How to set hidden field to zero if radio buttons are not checked)

将零输入无线电置于循环之外(在它非常好之后,为了分配$n var)并使用额外的CSS来隐藏它: //loop here <input type="radio" id="hiddenRadio" name="ques['<?php echo $n; ?>'][]" value="0" checked /> <style> #hiddenRadio{ visibility: hidden; } </...

Textinput字段禁用单选按钮(Textinput field disables radio buttons)

使用jQuery,您可以执行以下操作(当用户单击文本字段时,使用类radio禁用单选按钮): $("#location").click(function(){ $(".radio").prop("disabled", true); }); 现在,如果您需要启用单选按钮,如果用户单击外部(或以另一种方式离开文本字段)文本字段,您可以更改上面代码中的click以blur ,如下所示: $("#location").blur(function(){ $(".radio").prop("...

单选按钮和一个输入字段(Radio Button and an Input field)

我举了个例子,这是你想要的吗? http://www.jsfiddle.net/T7gE7/ var temp = ''; function disableTxt() { var field = document.getElementById("other"); if(field.value != '') { temp = field.value; } field.style.display = "none"; field.value = '...

如何将来自两个单选按钮的输入分配给单个字段?(How to assign the input from two radio buttons to a single field?)

代码没有问题。 只需提供您收听点击的元素的名称即可。 更换: $('input[type=radio].css; input[type=radio].mi').click(...); 附: $('input').click(...); 要么: $('input[type=radio]').click(...); 以避免将来的错误。 我建议你再次完成基础知识:) 编辑 对于第二个问题,我想这只是一个if..else的工作。 希望能帮助到你。 $('input').click(function(...

angularjs使用下拉和单选按钮绑定输入文本字段(angularjs bind input text field with drop down and radio buttons)

看到这个小提琴: https : //jsfiddle.net/U3pVM/27636/ <p>Selection <input type="text" ng-model="selectFruit" ng-change="change(selectFruit)" /></p > 脚本: $scope.change = function(a){ $scope.selectFruit = $scope.fruits[a]; } 当您在文本框中输入一个数字(索引)时,它将选择相应的...

相关文章

更多

Hadoop 1.2.1 单节点安装(Single Node Setup)步骤

为了使您快速体验Hadoop,可以在一台机子上安装单节点(Node)的hadoop。 相关阅读:单节点 ...

Solr4.7---Field、CopyField、DynamicField

Field: Field就是一个字段,定义一个Field很简单: 基本上属性也和FieldType类似 ...

jquery1.4.4的radio选中项

var updkbval=$(&quot;input[name=sex][@checked]&quot ...

Solr Document [null] missing required field: id 的原因

在solr建立索引的时候,如果你提交的doc中没有 id 这个Field,结果Solr在建立索引时候出 ...

Becoming a data scientist

Data Week: Becoming a data scientist Data Pointed, ...

[转]So You Want To Be A Producer

pro-du-cer n. 1. Someone from a game publisher who ...

Spring Data: a new perspective of data operations

Spring Data: a new perspective of data operations ...

Solr: a custom Search RequestHandler

As you know, I've been playing with Solr lately, tr ...

A Great List of Windows Tools

Windowsis an extremely effective and a an efficient ...

Create a Bootable MicroSD Card

http://gumstix.org/create-a-bootable-microsd-card.h ...

最新问答

更多

FacebookSDK Corekit框架错误(FacebookSDK Corekit framework error)

在尝试了一切之后,解决方案是从Xcode 5升级到Xcode 7。 After trying everything, the solution was to upgrade to Xcode 7 from Xcode 5.

给定均数向量和协方差矩阵的多元正态分布(multivariate normal distribution given mean vector and covariance matrix)

Math.NET可能适合您。 http://www.mathdotnet.com/ http://numerics.mathdotnet.com/probability-distributions/ 多变量分布 Dirichlet Inverse Wishart Matrix Normal Multinomial NormalGamma Wishart 功能参考: http://api.mathdotnet.com/Numerics/MathNet.Numerics.Distributions

找到youtube iframe并将其替换为自定义代码(Find youtube iframe and replace it with custom code)

使用短代码 1. WordPress Rich Editor可能会删除JavaScript src标签,所以最好是编写一个定义短代码的小插件,例如[myyoutube id = eEqIBzxHjiA]并从现在开始使用它。 您可能希望定义一个包含主要代码的javascript .js文件,并将其包含在存在短代码的每个页面中。 因此除了播放器ID之外的所有上述内容都将在您在快捷键代码中定义的包含的.js文件中。 只有playerId才是对javascript函数的调用。 遗产 2.对于所有现有条目

如何将svg形状与svg文本合并(How to merge svg shape with a svg text)

给文本指定属性pointer-events:none,以便鼠标忽略它。 请注意,您不需要使用javascript来悬停CSS:hover会这样做。 rect { fill: white; } rect:hover { fill: #c8cace; }

如何仅将自定义扩展限制为特定项目(How do i limit the custom extensions to specific projects only)

不,目前不可能。 扩展安装在项目集合级别,而不是团队项目级别。 No, it's not possible currently. The extension is installed on the project collection level, not team project level.

使用mysql显示特定国家/地区的Web内容的最佳方式(Best way to display web content for specific country using mysql)

$sql=mysql_fetch_array(mysql_query("SELECT * FROM content_table WHERE country_code = '' OR country_code REGEXP ',?". $user_country_code .",?'")); 如果我理解你,只有当用户国家代码在country_code字段中或者未指定country_code ,您才想向用户显示元素? 即使数据库解决方案更好,也应该这样做。 $sql=

SpeechSynthesisUtterance语言列表?(SpeechSynthesisUtterance list of languages?)

https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/lang 回顾一下。 但是为了简短起见,语言设置器/ getter返回一个BCP-47语言标签。 在这里列出 不保证每个浏览器都特别支持任何浏览器,因为实际上并不存在支持值的综合列表。 https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/lang Revi

Matlab操纵边缘(Matlab manipulate edges)

这取决于允许的成本密集程度。 一个简单的方法是: (1)使用Sobel-Filters对图像进行卷积(给出Dx,Dy)。 对于每个canny-edge-pixel: (2)标准化(Dx,Dy),st在您拥有边缘方向的每个像素中。 (3)用你想要移除的方向计算内积(在你的情况下为(0,1))。 (4)如果内积的绝对值小于某个阈值,则移除像素。 例: img = ...; canny_img = ...; removeDir = [0;1]; % convolute with sobel masks

创建一个通用扰流盒(Creating a universal spoiler box)

你的意思是 现场演示 $(function() { $(".toggle").on("click",function() { $(".toggled").toggle().removeClass("toggled"); $(this).next(".spoiler").toggle().addClass("toggled"); }) }); 使用链接我会添加preventDefault: $(function() { $(".toggle

C#Excel检查单元格在VSTO中包含一个名称(C# Excel Check cell contains a name in VSTO)

您收到错误,因为cell.Name本身引发异常,更不用说cell.Name.Name。 Globals.ThisWorkbook.Names.Item(1)为您提供工作簿中定义的第一个名称。 它给出的值如=Sheet1!$E$10:$F$12和=Sheet1!$C$5来表示命名范围所指的内容。 Globals.ThisWorkbook.Names.Item(1).Name将为您提供范围的实际名称。 例如,在你的情况下Temp 。 这是一种检查方法。 其他方式,在您的代码中,您正在检查名称是否为空