Javascript 打开/关闭输入收音机

我解释了我的问题，我有一个覆盖，我用来删除类别。我添加了一个操作，允许您选择删除职务类别时的去向

为此，我使用checkbox，并在单击该复选框时添加一个javascript函数“打开”表单，
下面是一个示例框：

下面是一个打开的示例框：

我的html代码：

  <form method="get">
    <input type="radio" name="cat_action" value="delete" /> Delete all tracks<br />
    <input type="radio" name="cat_action" value="move" onclick="showMe('div_<?php echo $value->ID ?>', this)" /> Move tracks<br />

    <div id="div_<?php echo $value->ID ?>" style="display:none">
    <label for="track">Move tracks to: </label>
    <select id="cate" name="cate">
    <?php foreach (arrayToObject($startup->getCat()) as $value) { ?>
      <option value="<?php echo $value->ID ?>"><?php echo $value->post_title ?></option>
    <?php } ?>  
    </select> <br />        
    </div><br />    

    <button type="submit"> OK </button>
    <button type="button" class="close"> Cancel </button>
  </form>

删除所有曲目

这个问题是由于您没有在“删除”选项选择上执行任何操作-仅在“移动”选项上执行。下面是我如何更新您的脚本以使其正常工作（前提是我了解您的目标）。特别注意以下变化：


将
id
属性添加到移动单选按钮
将
onclick
处理程序添加到删除单选按钮
更改javascript函数以仅接受一个参数
使用
getElementById
函数检索对javascript函数内的移动单选按钮的引用

还要注意，最好将所有javascript分离到一个单独的文件中，包括分配
onclick
处理程序。然而，我只是在解决你手头的问题

<form method="get">
    <input type="radio" name="cat_action" value="delete"
           onclick="showMe('div_1')"/> Delete all tracks<br />
    <input type="radio" name="cat_action" value="move"
           onclick="showMe('div_1')" id="move"/> Move tracks<br />

    <div id="div_1" style="display:none">
        <label for="paypal">Move tracks to: </label>
        <select id="cate" name="cate">
            <option value="dubstep">Dubstep</option>
            <option value="breakbeat">Breakbeat</option>
            <option value="dnb">D'n'B</option>
        </select> 
    </div>

    <br />

    <button type="submit"> OK </button>
    <button type="button" class="close"> Cancel </button>
</form>

<script type="text/javascript">
    function showMe (it) {
        var box = document.getElementById("move");
        var vis = (box.checked) ? "block" : "none";
        document.getElementById(it).style.display = vis;
    }
</script>


删除所有曲目

移动曲目

将轨迹移动到：
杜布斯特普
快拍
D'n'B


好啊
取消
函数showMe（it）{
var box=document.getElementById（“移动”）；
var vis=（复选框）？“块”：“无”；
document.getElementById（it.style.display=vis）；
}
问题的原因是，您在“删除”选项选择上没有执行任何操作-仅在“移动”选项上执行。下面是我如何更新您的脚本以使其正常工作（前提是我了解您的目标）。特别注意以下变化：


将
id
属性添加到移动单选按钮
将
onclick
处理程序添加到删除单选按钮
更改javascript函数以仅接受一个参数
使用
getElementById
函数检索对javascript函数内的移动单选按钮的引用

还要注意，最好将所有javascript分离到一个单独的文件中，包括分配
onclick
处理程序。然而，我只是在解决你手头的问题

<form method="get">
    <input type="radio" name="cat_action" value="delete"
           onclick="showMe('div_1')"/> Delete all tracks<br />
    <input type="radio" name="cat_action" value="move"
           onclick="showMe('div_1')" id="move"/> Move tracks<br />

    <div id="div_1" style="display:none">
        <label for="paypal">Move tracks to: </label>
        <select id="cate" name="cate">
            <option value="dubstep">Dubstep</option>
            <option value="breakbeat">Breakbeat</option>
            <option value="dnb">D'n'B</option>
        </select> 
    </div>

    <br />

    <button type="submit"> OK </button>
    <button type="button" class="close"> Cancel </button>
</form>

<script type="text/javascript">
    function showMe (it) {
        var box = document.getElementById("move");
        var vis = (box.checked) ? "block" : "none";
        document.getElementById(it).style.display = vis;
    }
</script>


删除所有曲目

移动曲目

将轨迹移动到：
杜布斯特普
快拍
D'n'B


好啊
取消
函数showMe（it）{
var box=document.getElementById（“移动”）；
var vis=（复选框）？“块”：“无”；
document.getElementById（it.style.display=vis）；
}
您的解释非常清楚，而且有效。显然，我将所有javascript分离在一个外部文件中，这里，它只是为了开发。感谢您的解释和帮助（Aleks；）你的解释很清楚，很有效。显然，我将所有javascript分离在一个外部文件中，这里，它只是为了开发。感谢您的解释和帮助（Aleks；）