咨询一个单选按钮JS

Question

<form id="form1" name="form1" method="post" action="2.php">
<input type="radio" name="RadioGroup1"  value="lenght" id="RadioGroup1"/>
<input type="radio" name="RadioGroup1" value="width"  id="RadioGroup1"/>
<input type="button" value="提交" name="botton" />
</form>
我想问题下，怎么能实现，如果没有选择单选按钮对应的值时，用户单击“提交”时给予提示，“请选择你的爱好！”

Answer 1

两个选择
1、默认一个已选状态
2、button click的时候=>
var t = document.getElementsByName("RadioGroup1");
var tag = 0;
for (var i = 0; i < t.length; i++) {
   if(t[i].checked) {
      tag = 1;
   }
}
if(!tag) {
   alert("请选择你的爱好");
   return false;
}

Answer 2

up
楼主，你这个radio的id不应该是一样的，可以删除！id本应该唯一！

Answer 3

<script>
function check(form){
var rads = document.getElementsByName("RadioGroup1");
var len = rads.length;
var sel = 0;
for(var i = 0; i < len; i++){
if(rads[i].checked){
sel = 1;
break;
}
}
if(!sel)return false;//如果没有被选中（一个都没有）return false;禁止提交，否则提交(默认的return true;)
}
</script>
<form id="form1" name="form1" method="post" action="2.php" onsubmit="return check(this)">
<input type="radio" name="RadioGroup1" value="lenght" id="RadioGroup1"/>
<input type="radio" name="RadioGroup1" value="width" id="RadioGroup2"/>
<input type="submit" value="提交" name="botton" />
</form>

Answer 4

var inputs = document.form1.getElementsByTagName("input");
 var flag = 0;
 for(var i = 0 ;i<inputs.length ; i++){
if(inputs[i].getAttribute("type")=="radio"&&inputs[i].checked)flag++;
 }
 if(flag==0)alert("请选择");

Answer 5

<input type="submit" value="提交" name="botton" />

Answer 6

<form id="form1" name="form1" method="post" action="2.php" onsubmit="return check(this)">

Answer 7

radio的判断个人建议由form的action程序来判断比较直接.

Answer 8

 <script type="text/javascript">
        function check(objectRadio) {
            var tag = 0;
            for (var i = 0; i < objectRadio.length; i++) {
                if (objectRadio[i].checked) {
                    tag = 1;
                }
            }
            if (!tag) {
                alert("請選擇您的愛好");
                return false;
            }
        }
    </script>
   <input type="button" value="提交" name="botton" onclick="check(this.form.RadioGroup1)" />

Answer 9

<form>
<input type="radio" name="1">1
<input type="radio" name="1">2
<input type="radio" name="1">3
<input type="radio" name="1">4
<input type="radio" name="1">5
<input type="text" value="112233" name="one" id="two">
<input type="button" onclick="
abc=document.getElementsByName('1').length;
a=0;
for(i=0;i<abc;i++)
{
obje=document.getElementsByName('1');
if(obje[i].checked){a=1;break;}
}
if(a==0){alert('选择爱好');}
"
value='提交'
>
</form>