javascript - 根据选中的单选按钮设置 div 的内容

Question

我有一个 jsp 文件:

<div class="span12" id="result" style="position: relative; top:-57px;margin-left:-10px">
 Is The Image Missing or Wrong?
<table>
 <tr>
  <td>
   <input type="radio" name="imageprob" value="Missing" onclick="MissingSelected()">
     Missing 
     <br>
     <input type="radio" name="imageprob" value="Wrong" onclick="WrongSelected()">Wrong
  </td>
  <td></td> //content of this column to be set based on which radio button slected
 </tr>
</table>
</div>  
</div>

我想根据在第一列中选​​择的单选按钮来设置表格中第二列的内容。我该怎么做？

Answer 1

试试这个兄弟 | 检查这个 Demo

HTML

<div class="span12" id="result" style="position: relative; top:-57px;margin-left:-10px">
      Is The Image Missing or Wrong?
      <table><tr>
      <td><input type="radio" name="imageprob" value="Missing" onclick="selected(this)"> Missing 
<br>
      <input type="radio" name="imageprob" value="Wrong" onclick="selected(this)">Wrong</td>
      <td id="set"></td> //content of this column to be set based on which radio button slected
      </tr></table>
    </div>  
    </div>

JS

function selected(dis)
{
    var ele= document.getElementById('set');
    if(dis.value =='Missing')
    {
     ele.innerHTML ="MIssing something";   
    }
    else    
    {
     ele.innerHTML ="Correct";   
    }
}