javascript - 如何将两个单选按钮的输入分配给单个字段?

标签 javascript jquery html radio-button

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

  1. 如何使两个单选按钮将值设置为单个字段?
  2. 如果其中一个为"is",另一个为“否”,如何保留期望值?无论点击顺序如何。

我的 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);
  }
});

最佳答案

代码没有任何问题。

只需提供您监听点击的元素的名称。

替换:

$('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);
    }
});

关于javascript - 如何将两个单选按钮的输入分配给单个字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47222761/

相关文章:

javascript - jQuery 序列化时出现 Safari JSON 错误

javascript - 如何返回在我的 vuejs 组件上更新的数据

javascript - 我如何用 jQuery 中的单词做数学运算?

javascript - 如何禁用选择 AngularJS 中的空白选项?

javascript - 通过 jQuery 获取页面

javascript - 刷新 AJAX 内容时保持 jquery 动画

javascript - 边框仅在切换事件后显示

Vue.js 中的 JavaScript 方法和子元素

javascript - 删除 id 会杀死页面上的所有 javascript

html - 图像重叠 BG 图像和/或 DIV