Js 验证 单选按钮与下拉菜单求教。


有：<input type="radio" name="radio1"  value="1" onclick="r1.innerHTML=this.checked?'':'请选择'"> 无： <input type="radio" name="radio1" value="2" onclick="r1.innerHTML=this.checked?'':'请选择'"><label id="r1">请选择</label>问题1.单选按钮就是想要这种效果。不过想把 请选择修改成图片。我直接用img 不行？！（新手）
问题2.怎么多此调用它。如果有多个radio 我要一直用 id=r1 id=r2 id=r3 能不能把它写好之后就调用一个就可以了？
问题3.下拉菜单也要这种效果。怎么办？

解决方案 »

  1.   

    不知道innerHTML如何跟img元素扯上关系？还有不要直接r1.innerHTML,用document.getElementById('r1')还有，input标签记得结束标签。
    还有问题是我还是有点不清楚楼主想要实现的什么
      

  2.   

    checkbox才能用这样的效果吧？？？楼主！！！
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style>
    .flag{
    color:red;
    background-color:yellow;
    border:1px solid blue;
    }
    </style>
    </head>
    <body onclick="change()">
    <input type="radio" name="radio1"  value="1" />是 <input type="radio" name="radio1"  value="2" />否&nbsp&nbsp&nbsp&nbsp<span class="flag">X</span><br/><br/>
    <input type="radio" name="radio2"  value="1" />是 <input type="radio" name="radio2"  value="2" />否&nbsp&nbsp&nbsp&nbsp<span class="flag">X</span><br/><br/>
    <input type="radio" name="radio3"  value="1" />是 <input type="radio" name="radio3"  value="2" />否&nbsp&nbsp&nbsp&nbsp<span class="flag">X</span><br/><br/>
    <input type="radio" name="radio4"  value="1" />是 <input type="radio" name="radio4"  value="2" />否&nbsp&nbsp&nbsp&nbsp<span class="flag">X</span><br/><br/>
    <input type="radio" name="radio5"  value="1" />是 <input type="radio" name="radio5"  value="2" />否&nbsp&nbsp&nbsp&nbsp<span class="flag">X</span><br/><br/>
    <script>
        var inputs=document.getElementsByTagName("input");
    var flags=document.getElementsByTagName("span");
    var radios=new Array();
    for(var i=0;i<inputs.length;i++){
       if(inputs[i].type="radio"){
          inputs[i].checked="";
      
          radios.push(inputs[i]);
       }
    }
    function change(){
    for(var j=0;j<radios.length;j=j+2){
          if(radios[j].checked||radios[j+1].checked){
          flags[j/2].innerHTML="√";
      }
      }
    }
    </script>
    </body>
    </html>
      

  4.   

    基本思路一样吧？只不过多个判断语句判断value的值不是刚开始那个值，就改变innerHTML好了。
    楼主自己努力！！