!!!常用JS: 表单代码

checkbox (复选框)取值

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#form").submit(function(){//表单提交:复选框取值
        var obj=$(‘input:checkbox[name="aaa"]:checked‘);
        alert("长度: "+obj.length);
        obj.each(function(){
            var s=$(this).val();
            alert(s);
        });
        return false;
    });
});
</script>
<form method="post" action="" id="form">
    <input type="checkbox" name="aaa" value="1" checked>
    <input type="checkbox" name="aaa" value="2">
    <input type="checkbox" name="aaa" value="3">
    <input type="submit">
</form>

radio(单选框)取值

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){

    $("#form").submit(function(){//表单提交:单选框取值
        var aaa=$(‘input:radio[name="aaa"]:checked‘).val();
        alert(aaa);
        return false;
    });
});
</script>
<form method="post" action="" id="form">
    <input type="radio" name="aaa" value="1" checked>
    <input type="radio" name="aaa" value="2">
    <input type="radio" name="aaa" value="3">
    <input type="submit">
</form>

选择所有

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#check_all").click(function(){
            var a=$(this)[0].checked;
            //alert( typeof a);
            var inputs = document.getElementsByTagName("input");
            for(var i=0; i< inputs.length; i++){
                if(inputs[i].type == "checkbox"){
                    inputs[i].checked = a;
                }
            }
    });

});
</script>
<input type="checkbox" name="" id="check_all">选择所有
<hr>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
<input type="checkbox" name=""><br>
时间: 2024-11-10 08:10:17

!!!常用JS: 表单代码的相关文章

js 常用正则表达式表单验证代码

js 常用正则表达式表单验证代码 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中

一些常用的表单验证的代码

一些常用的表单验证的代码 注册验证: <script language="JavaScript" src="js/jquery-1.9.1.min.js" type="text/javascript"></script> //验证表单 function vailForm(){ var form = jQuery("#editForm"); if(!vailNickName())return; if(!v

JS表单验证类HTML代码实例

以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮点数验证.日期验证.邮件检查.网址验证.固定电话和手机号码验证.IP地址验证.邮编和QQ号码验证. MSN和身份证验证等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

JS表单验证-12个常用的JS表单验证

最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 6

简单的JS表单验证效果代码

简单的JS表单验证代码:表单验证几乎是不可缺少的,有的表单验证是在后台完成的,有的则是使用JavaScript在在前端完成基本的验证,这样可以有效的减轻服务器的压力,下面就介绍一下JS实现的最简单的表单验证.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://w

jquery.validation.js 表单验证

jquery.validation.js 表单验证 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jq

angular js 表单验证

1 <!doctype html> 2 <html ng-app="myapp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 body{ 8 padding: 50px; 9 font-family: "微软雅黑"; 10 } 11 input{ 12 margi

JS 表单验证方法总结

分享一些JS常用表单验证方法,个人感觉还不错. 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; ch

基于CkEditor实现.net在线开发之路(3)常用From表单控件介绍与说明

这一章主要介绍常用From表单控件,如图所示: 红色框框住的就是常用From表单控件.从左到右分别是From,复选框,单选框,文本框,多行文本框,下拉列表,按钮,图片按钮,隐藏文本框,Lable 复选框和单选框介绍与说明: 因为单选框和复选框属性和设置界面一直,所以就一起讲解,点击复选框按钮弹出,复选框设置界面,如下图: 属性说明与用法: 字段说明 输入类型 说明 控件ID   自动生成,生成一个唯一的控件ID,如果页面存在重复预览页面会报错 控件名称 手工输入 方便编辑时,知道该控件是做什么的

常用的表单事件及用法

记录一下常用的表单事件,因为工作中常用到所以特别记录一下.有jq写法和原生js写法 1.这是select的option的事件,jq写法 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="../jquery-1.10.2.min.