多对单选框,怎么判断,让每个项都不能为空

随风飘零 发布于 2014/04/03 20:55
阅读 862
收藏 0

 <label>1.  性别:</label>
        <input type="radio" name="msg1" value="男"><span>男</span>
        <input type="radio" name="msg1" value="女"><span>女</span>
        </p>
        <p>
        <label>2.  婚姻状况:</label>
        <input type="radio" name="msg2" value="未婚"><span>未婚</span>
        <input type="radio" name="msg2" value="已婚"><span>已婚</span>        </p>
        <p>
        <label>3.  民族:</label>
        <input type="radio" name="msg3" value="汉族"><span>汉族</span>
        <input type="radio" name="msg3" value="其他民族"><span>其他民族</span>
        </p>
        <p>
        <label>4.  您校是:</label>
        <input type="radio" name="msg4" value="寄宿制学校"><span>寄宿制学校</span>
        <input type="radio" name="msg4" value="非寄宿制学校"><span>非寄宿制学校</span></p>
        <p>
        <label>5.  年龄:</label>
        <input type="radio" name="msg5" value="28岁以下"><span>28岁以下</span>
        <input type="radio" name="msg5" value="29-35岁"><span>29-35岁</span>
        <input type="radio" name="msg5" value="36-42岁"><span>36-42岁</span>
        <input type="radio" name="msg5" value="43-49岁"><span>43-49岁</span>
        <input type="radio" name="msg5" value="50岁以上"><span>50岁以上</span></p>
        <p>
        <label>6.  学历:</label>
        <input type="radio" name="msg6" value="高中或中专"><span>高中或中专</span>
        <input type="radio" name="msg6" value="大专"><span>大专</span>
        <input type="radio" name="msg6" value="本科"><span>本科</span>
        <input type="radio" name="msg6" value="研究生"><span>研究生</span></p>
        <p>
        <label>7.  教龄:</label>
        <input type="radio" name="msg7" value="3年以内"><span>3年以内</span>
        <input type="radio" name="msg7" value="4-7年"><span>4-7年</span>
        <input type="radio" name="msg7" value="8-12年"><span>8-12年</span>
        <input type="radio" name="msg7" value="13-19年"><span>13-19年</span>
  <input type="radio" name="msg7" value="20年以上"><span>20年以上</span></p>
        <p>
        <label>8.  学校类型:</label>
        <input type="radio" name="msg8" value="村小"><span>村小</span>
        <input type="radio" name="msg8" value="完小"><span>完小</span>
        <input type="radio" name="msg8" value="九年一贯制学校"><span>九年一贯制学校</span>
        <input type="radio" name="msg8" value="初中"><span>初中</span></p>
        <p>
        <label>9.  学校所在地:</label>
        <input type="radio" name="msg9" value="乡镇"><span>乡镇</span>
        <input type="radio" name="msg9" value="县城"><span>县城</span>
  <input type="radio" name="msg9" value="城乡结合部"><span>城乡结合部</span>
        <input type="radio" name="msg9" value="地级市"><span>地级市</span>
  <input type="radio" name="msg9" value="省会"><span>省会</span>
        </p>
  <p>
        <label>10.  岗位职务:</label>
        <input type="radio" name="msg10" value="普通教师"><span>普通教师</span>
        <input type="radio" name="msg10" value="年级组长"><span>年级组长</span>
  <input type="radio" name="msg10" value="副主任"><span>副主任</span>
        <input type="radio" name="msg10" value="主任"><span>主任</span>
  <input type="radio" name="msg10" value="校级领导会"><span>校级领导</span>
        </p>
  <p>
        <label>11.  职称:</label>
        <input type="radio" name="msg11" value="未评"><span>未评</span>
        <input type="radio" name="msg11" value="小学二级"><span>小学二级</span>
  <input type="radio" name="msg11" value="小一(中二)"><span>小一(中二)</span>
        <input type="radio" name="msg11" value="小高(中一)"><span>小高(中一)</span>
  <input type="radio" name="msg11" value="中高"><span>中高</span>
        </p>
        <p>
        <label>12. 您教的年级:</label>
        <input type="radio" name="msg12" value="四年级"><span>四年级</span>
        <input type="radio" name="msg12" value="五年级"><span>五年级</span>
  <input type="radio" name="msg12" value="六年级"><span>六年级</span>
        <input type="radio" name="msg12" value="初一"><span>初一</span>
  <input type="radio" name="msg12" value="初二"><span>初二</span>
        <input type="radio" name="msg12" value="初三"><span>初三</span>
        </p>

    ......很多单选框

    在页面怎么写JS或JQuery让每一项都不能为空,有为空的项,提示有空项!

加载中
1
xialeistudio
xialeistudio

radio不用担心这个问题,

你唯一需要做的就是给每一项加个默认值(随便给一个radio加上checked)

由于radio  name相同的同一时间最多选一个这条特性,

不用JS


0
红薯说愿闻其翔
红薯说愿闻其翔
每个项目放在一个div里面,再这个判断的js函数
0
分钟
分钟

//parent参数是必须的,
function EXISTS(parent,accese)
{
      //var pEle=document.body.getElementsByTagName(parent);//
     // var pEle=document.getElementById("").getElementsByTagName("")//
     
     var pEle=document.body.getElementsByTagName("p");
      var pElCount=pEle.length;
      for(var i=0;i<pElCount;i++){// forStar
          var lableText="";//保存lable标签文本节点的值
          var pChild=pEle[i].childNodes;//获得所有第pEle[i]个p标签下所有的子节点
          var resultVallue=0;//如果单选妞有选中,则自动增1
         for(var j=0;j<pChild.length;j++)//forStar
         {
             if(pChild[j].type=="radio" || pChild[j].localName=="label")
             {
               if(pChild[j].checked)
               {
                   resultVallue++;             
               }
                else
                {
                 if(pChild[j].localName=="label")
                {
                   lableText= pChild[j].innerHTML;
                }   
              }
              
             }
         }//forEnd
        if(resultVallue == 0)
        {
           alert(lableText.replace(/[x00-xff:]/g,"")+"不能为空!");
           //accese(resultVallue);
           return false;
         }
       }//forEnd
}

0
天巧星-浪子燕青
天巧星-浪子燕青

最简单的方法,就是默认选中一个

0
笑笑丑
笑笑丑

$.inArray(0, $("p").map(function() { return $(this).find(":radio:checked").size(); })) != -1 && alert("每个项不能为空");



0
笑笑丑
笑笑丑

$("p").each(function() { return $(this).find(":radio:checked").size() || alert("sss") || false; });

这样更快,不过木有返回值。只有alert。



0
xialeistudio
xialeistudio

楼上的何必这么麻烦

返回顶部
顶部