`
tianyaguozhe
  • 浏览: 13868 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

JS验证radio和checkbox是否被选

    博客分类:
  • js
阅读更多
<html>
<head>
    <title></title>
    <script src="JavaScript.js"></script>
    
</head>


<body>
    <form id="form" name="form" method="post" action="http://js.alixixi.com" onsubmit="return CheckForm()">
        <input type="checkbox" name="love" >
        <input type="checkbox" name="love" >
        <input type="checkbox" name="love" >
        <input type="checkbox" name="love" >
        


        <input type="radio" value="好的" name="miaoshu" >
        <input type="radio" value="好的" name="miaoshu" >
        <input type="radio" value="好的" name="miaoshu" >
        <input id="txtbox" name="MyTextfield" type="text">
        
        <input type="submit" value="提交" >
    </form>


</body>
</html>




function CheckForm() {
    var flag = false;
    var allRadio = document.form.elements["miaoshu"];
    var txtBox = document.getElementById("txtBox").value;
    for (var i = 0; i < allRadio.length; i++) {
        if (allRadio[i].checked) {
            if (allRadio[allRadio.length - 1].checked) {
                if (txtBox == "") {
                    flag = false;
                }
                else {
                    flag = true;
                }

            }
        }
    }
    if (!flag) {
        alert("请确定输入完整");
    }

    var cbxs = document.getElementsByName('love');
    var s = 0;
    for (var i = 0; i < cbxs.length; i++) {
        if (cbxs[i].checked)
        { s += 1; }
    }
    if (s < 1) {
        alert("请确定输入完整");
        flag = false;
    }
    return flag;
}

0
1
分享到:
评论

相关推荐

    Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip

    Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip

    javascript表单美化和验证插件

    主要特色: 完全响应式; 完美键盘操作支持; 可定制的输入标签:select, radio, checkbox 以及 file; 自定义的日期选择器 本地化支持 表单验证的代码示例:

    js和jquery分别验证单选框、复选框、下拉框

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

    jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例

    支持所有类型客户端控件的校验 支持jQuery所有的选择器语法...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型、日期型。 支持服务器端校验。 支持输入格式的校验。

    js验证各种表单内容

    js验证各种表单内容 有常见的radio checkbox input等。

    jQ表单万能验证插件 vf-validate.js

    支持:text,number,email,hidden,password,textarea,select,date,checkbox,radio 等 2.vf-type (必填)验证类型[可多个,用 "|" 进行分割],支持:empty(为空验证),reg(正则匹配),func(函数调用)...

    jQuery formValidator表单验证插件

    jQuery formValidator表单校验插件支持的验证功能: ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator表单验证插件示例源码 ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

    jQuery 表单验证插件

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

    js css面试题

    text radio checkbox file button image submit reset hidden submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话...

    纯JS实现表单验证实例

    表单我实现了,input属性是text(文本框)、radio(单选按钮)、checkbox(多选按钮)的知识点, fieldset标签(组合表单中的相关元素)、select标签(选择列表)和textarea标签(多行文本框)。 &lt;form action=...

    nnnnnnnnnn:一个js表单验证库

    easyform easyform 是一个jQuery插件,包括easyfrom,easytip,两个部分。 easyform是表单验证插件,支持复杂的表单验证规则,...目前支持的控件有:input[text,radio,checkbox],textarea 表单验证,就是这么简单!

    jq-idealforms-old:用于构建和验证响应HTML5表单的终极框架

    可以自定义每种输入类型,包括select , radio , checkbox和file 使用jQuery UI的自定义datepicker(带有备用) “当场”验证 本土化 更新: 13年2月26日 更新grunt到0.4.0并解决对齐问题CSS 影片: 常问问题: ...

    基于Jquery的标签智能验证实现代码

    后经过一段对Jquery的学习,Jquery的强大解决了辅助代码过多不易维护的问题。AutoValidate.JS 代码如下: /// ”../Scripts/...type=text type=checkbox type=radio select 标签验证 //vld=”***”必填 格式验证 //v

    浅谈javascript基础之客户端事件驱动

    我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为...通常应用在button(按钮对象)、checkbox(复选框)、radio(单选按钮)、reset

    精通AngularJS part1

    编写会被安全压缩的JavaScript代码319 数组风格依赖注入的缺陷322 模板预加载323 使用指令预加载模板324 填充$templateCache服务325 组合使用不同的预加载技术327 122优化首页327 避免显示未经处理的模板328 ...

    精美CSS3表单 CSS3带小图标表单 3款样式

    之前我们介绍过3款漂亮的CSS3表单,包括一个CSS3发光表单、CSS3密码验证表单、CSS3自定义Checkbox和Radio表单。今天要向大家分享一款基于CSS3和jQuery的带小图标精美输入表单,该CSS3表单一共有3款样式,需要高版本...

    Javascript操作表单实例讲解(下)

    在上篇文章给大家介绍了js操作表单实例讲解(下)的相关知识,本文接着给大家介绍Javascript操作表单实例讲解(下),具体详情如下所示: 一、文本域 &lt;input type=text /&gt; —————————– 操作文本域的值...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 ...

Global site tag (gtag.js) - Google Analytics