jQuery 扩展对input的一些操作方法

代码如下:

/* ================================================================================
File:jquery.hy.input.js
Desc: 扩展对input的一些方法
Called by:
Auth: 大气象
Date: 2009-10-30
================================================================================
Change History
================================================================================
Date: Author: Description:
-------- -------- -------------------
================================================================================
Copyright (C) 1992-2009 Hongye Corporation
================================================================================
*/
//扩展jQuery对象方法
jQuery.fn.extend({
/*===========================================================================
功能描述：单击时清空文本框
调用方法：
$(function(){ jQuery("#txt").txtClear();} );
*/
txtClear:function(){
jQuery(this).click(function(){
jQuery(this).val('');
});
},
/*===========================================================================
功能描述：选择全选
调用方法：
情形
<div id="chkBoxes">
<input id="Checkbox1" type="checkbox" />
<input id="Checkbox2" type="checkbox" />
</div>
调用
$("#chkBoxes input[type=checkbox]").check();
*/
check:function(){
return this.each(function(){this.checked=true;});
},
/*===========================================================================
功能描述：取消选择
调用方法：
$("#chkBoxes input[type=checkbox]").uncheck();
*/
uncheck:function(){
return this.each(function(){this.checked=false;});
}
});

赞 (0)

相关推荐

  • jquery attr方法获取input的checked属性问题

    问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 复制代码 代码如下: <input type="checkbox" id="selectAll" onclick="checkAll()">全选 functi

  • jQuery文本框(input textare)事件绑定方法教程

    目前1.7以上,jquery​的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind: 区别:(个人理解)bind是一次绑定事件到每一个子节点:on是只绑定到父节点,然后冒泡到各个子节点: 用法:bind 一个事件,一个方法:$(".class input").bind('click',function(e)

  • jQuery控制输入框只能输入数值的小例子

    复制代码 代码如下: <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>Test</title>        <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script> 

  • jquery 定位input元素的几种方法小结

    复制代码 代码如下: <html> <table class="ed"> <tr> <td><input type="text"></input></td> <td><input type="text"></input></td> <td><input type="button"

  • jQuery操作input值的各种方法总结

    获取选中的值获取一组radio被选中项的值 复制代码 代码如下: var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 复制代码 代码如下: var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 复制代码 代码如下: $('#select_id')[0].selectedIndex = 1;

  • Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)

    以前只知道在返回data区域赋给html控件值,后来发现,原来直接定义变量就行了.   复制代码 代码如下: var csj_data; $.ajax       ({           cache: false,           async: false,           type: 'post',           data: { aaa: "1" },           url: "../handle/Ladder_Fee_Code.ashx?ajaxac

  • jQuery 获取URL的GET参数值的小例子

    复制代码 代码如下: // * jQuery url get parameters function [获取URL的GET参数值]// *character_set UTF-8// * author Jerry.li(lijian@dzs.mobi)// * version 1.2012.12.11.1400// *  Example// *     <code>// *      var GET = $.urlGet(); //获取URL的Get参数// *      var id = GE

  • jquery(live)中File input的change方法只起一次作用的解决办法

    错误写法 复制代码 代码如下: $("#uploadImg").click(function(){ do something }); 正确写法 复制代码 代码如下: $("#uploadImg").live('change',function(){ do something });

  • 使用jQuery实现input数值增量和减量的方法

    使用jQuery实现input数值增量和减量的方法

    本文实例讲述了使用jQuery实现input数值增量和减量的方法.分享给大家供大家参考.具体分析如下: 在很多电商网站中,在购物车所在页面,涉及到商品数量的时候,都会提供一个+号按钮和-号按钮来实现增1和减1,并且只允许input中输入数值.Bootstrap TouchSpin这款插件就是针对此需求而写.(Bootstrap TouchSpin这款插件点击此处本站下载.) 首先引入必要的css和js文件. 复制代码 代码如下: <link href="bootstrap/css/boot

  • jquery检测input checked 控件是否被选中的方法

    jquery检测input checked 控件是否被选中 js部分 复制代码 代码如下: function tongyianniu(){ var gouxuan=$('input[type=checkbox]').is(':checked'); alert(gouxuan); } html部分 复制代码 代码如下: <input type="button" id="btnRegister" onclick="tongyianniu();"

随机推荐