Question

您好我使用以下脚本打开div。但我无法根据我的要求查看任何结果

我的脚本如下：

<script>
    function showfield(name) {
        if(name=='Others') {
            document.getElementById('div1').innerHTML='<input type="text" name="other" />';
        } else {
            document.getElementById('div1').innerHTML='hai';
        }
    }
</script>

我的HTML程序如下：

<form id='form-id'>
    <input id='watch-me' name='test' type='radio' value="a" />Show Div
    <br />
    <input name='test' type='radio' onClick="showfield(this.options[this.selectedIndex].value)" value="Others" />
    <br />
    <input name='test' type='radio' value="c" />
</form>
<div id="div1"></div>

Answer 1

输入调用函数中的错误：

 <input name='test' type='radio' onClick="showfield(this.value)" value="Others" />

Answer 2

你可以试试这个。

＆＃13;

function showfield(name){
  if(name=='Others'){
    document.getElementById('div1').innerHTML='<input type="text" name="other" />';
  }else{
    document.getElementById('div1').innerHTML='hai';
  }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id='form-id'>
  <input id='watch-me' name='test' type='radio' onClick="showfield(this.value);" value="a" />Show Div
  <br />
  <input name='test' type='radio' onClick="showfield(this.value);" value="Others" />
  <br />
  <input name='test' type='radio' onClick="showfield(this.value);" value="c" />
</form>

<div id="div1"></div>

＆＃13;

Answer 3

onClick事件已关闭，需要一个结束括号，只需this.value。

<input name='test' type='radio' onClick="showfield(this.value)" value="Others" />

这是一个使用重构JavaScript的工作JSBin：http://jsbin.com/mehulov/1/edit?html,js,output

如何使用单选按钮打开带选择选项的div

3 个答案: