时间戳

首页 > 解决方案 > 为 html 中的两个单选按钮分配不同的操作

javascript - 为 html 中的两个单选按钮分配不同的操作

问题描述

我是html和js的新手。我一直在尝试检查有关我的问题的可能讨论，但找不到类似的东西。

这是我的问题：我需要有两个单选按钮，我想为每个单选按钮选择显示不同的按钮，这些按钮可以采取页面进一步的操作（即，如果单选按钮 A 被选中，则显示退出按钮，如果单选按钮 B 选择显示下一步按钮。在这个方向上，我开始创建一些东西，但我停留在创建条件动作的点上。

在我的 php 文件中，我有以下代码：

    <div>
    <label><input type="radio" id="noc" name="c" value="f_c" onchange="disp_button(this.checked);"> no action</label><br>
    <label><input type="radio" id="co" name="c" value="t_c" onchange="disp_button(this.checked);"> take action</label><br>
    </div>

    <div class="header_format"><p id="hidden_field" style="display:none;" <input onclick="do_this();" type="button" class="btn btn-primary" value="Continue" />Next</button></div></p>
    <div class="header_format"><p id="hidden" style="display:none;" <input onclick="do_that();" type="button" class="btn btn-primary" value="Exit" />Exit</button></div></p>

除了 js 文件，其中包含 php 文件的功能。我在我的 js 文件中为我的单选按钮操作定义了特定的功能，如下所示：

function disp_button(checked){
        var button1 = document.getElementById("noc");
        var button2 = document.getElementById("co");

        if (button1.checked){
            show_exit_button("noc radio button selected");
        }else if (button2.checked) {
            show_next_button("co radio button selected");
        }
}

因此，我将不胜感激任何帮助将这些东西放在一起。谢谢你的时间。

标签： javascriptphphtmlradio-button

解决方案

推荐阅读