如何在第二个函数调用中访问已检查的单选按钮的值?

时间:2014-05-11 15:48:14

标签: javascript javascript-events scope

我想在第二个函数调用中访问已选择的radiobutton值。

这是我的代码,你能告诉我我做错了吗?因此,当我点击复选框时,我需要已经选择了单选按钮值。

<input name="travel_type" id="arrival_1" type="radio" value="eclass_a" onClick="calculateTotal(this.value);checked="checked ">Arrivals $75
<input name="travel_type" id="dept_1" type="radio" value="eclass_d" onClick="calculateTotal(this.value); ">Departure $70
<input name="travel_type" id="pp_1" type="radio" value="eclass_p" onClick="calculateTotal(this.value);">Point to Point $70
<input name="travel_type" id="hourly_1" type="radio" value="eclass_h" onClick="calculateTotal(this.value);">Hourly $65

<input type="text" id="demo" name="demo" value="">

<b>Thsi is the second function call</b>

<input type="checkbox" style="border:none;" name="luggage_van" id="luggage_van" onClick="calculateTotal();getRadValue()" >Luggage Van
<input type="checkbox" style="border:none;" name="baby_seat" id="baby_seat" onClick="calculateTotal();getRadValue()" >Baby Seat
<input type="checkbox" style="border:none;" name="child_seat" id="child_seat" onClick="calculateTotal();getRadValue()">Child Seat

var globalvariable ;
function calculateTotal(id)
{
    globalvariable=document.getElementById('demo').value = id;
}
function getRadValue()
{
   var name = document.getElementById('demo').value = glovalvariable;
   alert(name);
}

所以当我点击复选框时,我需要选择已经选中的单选按钮值。

1 个答案:

答案 0 :(得分:0)

您的第二个函数getRadValue()未在任何地方被调用。设置:

<input type="checkbox" style="border:none;" name="luggage_van" id="luggage_van" onClick="getRadValue();" >

修复你的拼写错误(glovalvariable vs globalvariable):

function getRadValue() {
    var name = document.getElementById('demo').value = globalvariable;
    alert(name);
}

现在,当您点击该复选框时,您会收到globalvariable的提醒。

检查第一个函数中是否存在id

function calculateTotal(id) {
    if (id) {
        globalvariable=document.getElementById('demo').value = id;
    }
    alert(globalvariable);
}