Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何根据单选按钮上选择的输入值传递值?_Jquery - Fatal编程技术网

Jquery 如何根据单选按钮上选择的输入值传递值?

Jquery 如何根据单选按钮上选择的输入值传递值?,jquery,Jquery,我正在尝试在两个数组之间切换,以根据“从中选择”单选按钮执行一些计算。为此,我有两个具有CommonName属性的单选按钮,默认情况下,我没有选中html上的选项 <div class="control"> <label for="Yes"> <input id="Yes" name="ip" type="radio" value="Yes" /> Yes </label> <label for="No">

我正在尝试在两个数组之间切换,以根据“从中选择”单选按钮执行一些计算。为此,我有两个具有CommonName属性的单选按钮,默认情况下,我没有选中html上的选项

<div class="control">
  <label for="Yes">
    <input id="Yes" name="ip" type="radio" value="Yes" />
    Yes
  </label>
  <label for="No">
    <input id="No" name="ip" type="radio" value="No"  checked />
    No
  </label>
</div>
我已经提供了到JSFIDLE的链接

//查找元素
var banner=$(“#banner消息”)
变量按钮=$(“按钮”)
//句柄单击并添加类
按钮。打开(“单击”,函数(){
banner.addClass(“alt”)
})
var数组_one=[1,2,3,4,5,6];
var数组_two=[2,3,4];
var年龄=20岁;
var率=一个数组;
函数计算(){
var outputA=比率[年龄-16]*68000/1000;
$('#ip').html(“$”+outputA);
}
if($(“输入[name=ip]:已选中”).val()=“是”){
速率=数组2;
log($($(input[name=ip]:checked”).val();
/*var数组_one=[1,2,3,4,5,6];
var数组_-two=[2,3,4];
var年龄=25岁*/
banner.addClass(“alt”);
计算();
}否则{
计算();
}
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
#横幅信息{
背景:#fff;
边界半径:4px;
填充:20px;
字体大小:25px;
文本对齐:居中;
过渡:均为0.2s;
保证金:0自动;
宽度:300px;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}
#banner-message.alt{
背景:#0084ff;
颜色:#fff;
边缘顶端:40px;
宽度:200px;
}
#banner-message.alt按钮{
背景:#fff;
颜色:#000;
}

你好,世界

变色 对 不
您需要监听单选按钮的更改事件并触发重新计算。您还可以在该功能内移动单选按钮check

此外,如果
age-16
的值超出所用数组的索引范围,则需要添加某种回退(否则,它将导致
“$NaN”
)。在本例中,我假设值为0,但您可能需要根据需要调整该值

var数组_one=[1,2,3,4,5,6];
var数组_two=[2,3,4];
var年龄=20岁;
函数计算(){
var rates=$(“input[name=ip]:checked”).val()==“Yes”?数组一:数组二;
var输出=(比率[年龄-16]| | 0)*68000/1000;
$('#ip').html(“$”+outputA);
}
$(“输入[name=ip]”)。在('change',function()上{
计算();
});
计算()

对
不

您需要监听单选按钮的更改事件并触发重新计算。您还可以在该功能内移动单选按钮check

此外,如果
age-16
的值超出所用数组的索引范围,则需要添加某种回退(否则,它将导致
“$NaN”
)。在本例中,我假设值为0,但您可能需要根据需要调整该值

var数组_one=[1,2,3,4,5,6];
var数组_two=[2,3,4];
var年龄=20岁;
函数计算(){
var rates=$(“input[name=ip]:checked”).val()==“Yes”?数组一:数组二;
var输出=(比率[年龄-16]| | 0)*68000/1000;
$('#ip').html(“$”+outputA);
}
$(“输入[name=ip]”)。在('change',function()上{
计算();
});
计算()

对
不

您可以尝试以下代码:

我正在更改一些javascript代码,这是您以前的代码

//查找元素
var banner=$(“#banner消息”)
变量按钮=$(“按钮”)
//句柄单击并添加类
按钮。打开(“单击”,函数(){
banner.addClass(“alt”)
})
var数组_one=[1,2,3,4,5,6];
var数组_two=[2,3,4];
var年龄=20岁;
var率=一个数组;
计算($(“输入[name=ip]:选中”).val();
函数计算(val){
控制台日志(val);
如果(val=='yes'){
//你的行动是什么
}否则{
//你的另一个行动时,没有
}
var outputA=比率[年龄-16]*(68000/1000)
$('#ip').html(“$”+outputA);
}
$('[name=“ip”]')。在('change',function()上{
计算($(“输入[name=ip]:选中”).val();
});
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
#横幅信息{
背景:#fff;
边界半径:4px;
填充:20px;
字体大小:25px;
文本对齐:居中;
过渡:均为0.2s;
保证金:0自动;
宽度:300px;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}
#banner-message.alt{
背景:#0084ff;
颜色:#fff;
边缘顶端:40px;
宽度:200px;
}
#banner-message.alt按钮{
背景:#fff;
颜色:#000;
}

你好,世界

变色 对 不
您可以尝试以下代码:

我正在更改一些javascript代码,这是您以前的代码

//查找元素
var banner=$(“#banner消息”)
变量按钮=$(“按钮”)
//句柄单击并添加类
按钮。打开(“单击”,函数(){
banner.addClass(“alt”)
})
var数组_one=[1,2,3,4,5,6];
var数组_two=[2,3,4];
var年龄=20岁;
var率=一个数组;
计算($(“输入[name=ip]:选中”).val();
函数计算(val){
控制台日志(val);
如果(val=='yes'){
//你的行动是什么
}否则{
//你的另一个行动时,没有
}
var outputA=比率[年龄-16]*(68000/1000)
$('#ip').html(“$”+outputA);
}
$('[name=“ip”]')。在('change',function()上{
计算($(“输入[name=ip]:选中”).val();
});
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
#横幅信息{
背景:#fff;
边界半径:4px;
填充:20px;
字体大小:25px;
文本对齐:居中;
过渡:均为0.2s;
保证金:0自动;
宽度:300px;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}
#banner-message.alt{
背景:#
var array_one = [1,2,3,4,5,6];
var array_two = [2,3,4];
var age = 20;

var rates = array_one;

function calculate(){
    var outputA = rates[age-16] *  68000 / 1000;
   $('#ip').html("$" + outputA);
}


if($("input[name=ip]:checked").val() == 'Yes') {
  rates = array_two;
  console.log($("input[name=ip]:checked").val());  
  calculate();
}else{
 calculate();
}