选中某个无线电时会出现复选框

Question

                    <label class="radio inline">
                        <input type="radio" name="drivesize" id="drivesize" value="250 GB" required>250GB
                    </label>

                    <label class="radio inline">
                        <input type="radio" name="drivesize" id="drivesize" value="500 GB">500GB
                    </label>

我的网页上有上面的html，如果选择了500GB的单选按钮，我想添加以下内容。

                    <label class="checkbox inline">
                        <input type="checkbox" name="mappings" id="mappings" value="Done" required>Done
                    </label>   

有人可以告诉我最好吗？

Answer 1

请注意：您不应使用重复的ID（请参阅#drivesize）。 ID可以是唯一的，而类可以重用。如果您更改了ID，则可以更轻松地进行检查。

这里有一些jQuery，可以让你检查盒子是否被选中。我们假设您将500GB ID更改为largeDrive，从视图中隐藏了“完成”按钮，并且单选按钮上有一个事件处理程序。

if ($('input#largeDrive').is(':checked')) {
    $('input#mappings').show(); //assuming it was hidden
}