Question

我是.JS的新手，我正在处理我最初没写过的代码。一旦条件选择完成，我需要获得一些单选按钮的值。

有条件的部分涉及运输的需要。如果用户需要运输，则会出现一组新的单选按钮，其中包含总线路径选项。这些是表格返回的值。

HTML：

<fieldset>
<legend>Transportation Registration</legend>
<div class="col3">
    <div class="checklabel">Transportation needs</div>
    <ul class="checkwrap">
        <li>
            <input name="transportation" type="radio" id="transportation-none" value="None" checked="checked" data-price="0" data-deposit="0" />
            <label for="transportation-none">None</label>
        </li>
        <li>
            <input name="transportation" type="radio" id="transportation-am_only" value="AM Only" data-price="60" data-deposit="50" />
            <label for="transportation-am_only">AM Only</label>
        </li>
        <li>
            <input name="transportation" type="radio" id="transportation-pm_only" value="PM Only" data-price="60" data-deposit="50" />
            <label for="transportation-pm_only">PM Only</label>
        </li>
        <li>
            <input name="transportation" type="radio" id="transportation-round_trip" value="Both AM & PM" data-price="100" data-deposit="50" />
            <label for="transportation-round_trip">Round-Trip</label>
        </li>
    </ul>
</div>
<div align="center"><p><strong>One-Way (AM or PM): $60/week | Round-Trip: $100/week</strong></p></div>                                                 
<div>
    <div class="checklabel">Bus Route 1:</div>
    <ul class="checkwrap">
        <li><input name="busroute" type="radio" id="bus_1" value="Bus 1" class="required" /><label for="bus_1">Bus 1</label></li>
        <li><input name="busroute" type="radio" id="bus_2" value="Bus 2" class="required" /><label for="bus_2">Bus 2</label></li>
        <li><input name="busroute" type="radio" id="bus_3" value="Bus 3" class="required" /><label for="bus_3">Bus 3</label></li>
        <li><input name="busroute" type="radio" id="bus_4" value="Bus 4" class="required" /><label for="bus_4">Bus 4</label></li>
    </ul>
</div>

和（不完整？）.JS：

function transportation() {
if($('#transportation-none').is(':checked')) {
    $('[name=busroute]')
        .removeClass("required")
        .val('')
            .closest('div')
            .hide();
} else {
    $('[name=busroute]')
        .addClass("required")
            .closest('div')
            .show();
}
}

我希望这是有道理的。该页面包含更多功能，但我想我正在调出需要修复的部分。我可能需要提供更多代码才能得到答案。

Answer 1

您已定义了自己的功能，但是，从您所显示的内容来看，您从未对其进行过调用。您可以使用jQuery将此函数调用绑定到来自传输无线电输入的任何更改事件：

$('input[name="transportation"]').on('change', transportation);

获取单选按钮的（条件）值

1 个答案: