Question

如果选中了复选框，我制作了一个显示视频的脚本。

HTML：

<p class="subParHeader" style="">Video or not</p>
<form action="#" method="post" style="font-family: Arial;">
<input type="checkbox" title="Click here if you want to input a video" value="" id="FormVidOrNot"><input id="FormVidOrNotInput" value="" style="width: 30%"></input></input>
</form>

使用Javascript：

if(document.getElementById("FormVidOrNot").checked){

    document.write('<div class="div_video">');
    document.write(JSFormVidOrNotInput);
    document.write('</div>');

}

但是每次运行代码时它都返回undefined，尽管它在这里运行得很好：

if(document.getElementById("FormVidOrNot").checked){
    var JSFormVidOrNotInput = document.getElementById("FormVidOrNotInput").value;
}

（这部分在代码中比第一个脚本更高）

Answer 1

试试这个

  <p class="subParHeader" style="">Video or not</p>
  <form action="#" method="post" style="font-family: Arial;">
    <input type="checkbox" title="Click here if you want to input a video" value="Test" id="FormVidOrNot">
   <input id="FormVidOrNotInput" value="" style="width: 30">
  </form>

请注意，我们不需要输入标签关闭

document.getElementById("FormVidOrNot").addEventListener('click',function(){
  if(document.getElementById("FormVidOrNot").checked){
      var JSFormVidOrNotInput = document.getElementById("FormVidOrNotInput").value;

      document.write('<div class="div_video">');
      document.write(JSFormVidOrNotInput);
      document.write('</div>');
  }

});

document.getElementById（“x”）。checked返回undefined

1 个答案: