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

Question

我想在第二个函数调用中访问已经选择的单选按钮值。

这是我的代码； 你能告诉我我哪里做错了吗？ 因此，当我单击复选框时，我需要获取已选择的单选按钮值。

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

因此，当我单击复选框时，我需要获取已选择的单选按钮值。

Answer 1

您的第二个函数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);
}