`

jquery bind text事件

 
阅读更多
<script type="text/javascript">
<!--
//复选框反选
var revSelect = function() {
var ids = document.getElementsByName("idAndOrder");
for ( var i = 0; i < ids.length; i++) {
ids[i].checked = !ids[i].checked;
}
}

//复选框全部清空
var clearAll = function() {
var ids = document.getElementsByName("idAndOrder");
for ( var i = 0; i < ids.length; i++) {
ids[i].checked = false;
}
}

//复选框全部选中
var selectAll = function() {
var ids = document.getElementsByName("idAndOrder");
for ( var i = 0; i < ids.length; i++) {
ids[i].checked = true;
}
}

//提交form表单
var formSubmit = function() {
var ids = document.getElementsByName("idAndOrder");
var isFlag = false;
for ( var i = 0; i < ids.length; i++) {
if (ids[i].checked) {
isFlag = true;
}
}

if (isFlag) {
$("#order_form").submit();
} else {
alert("请选中要修改排序的推荐应用!");
}

}

//检查排序字段
var checkOrder = function(e) {
var appId = e.data.appId;

//获取复选框
var checkbox = $("#appIds_" + appId);

//正则表达式
var r = /^[0-9]+$/; //^[0-9]*[1-9][0-9]*$

var input = $("#sequence_" + appId);
var textValue = input.val().trim();

if (textValue == "") {
alert("请输入大于零的整数!");
//console.log(appId);
checkbox.attr("checked", false);
focus();
return;
} else if (!r.test(textValue)) {
alert("请输入大于零的整数!");
checkbox.attr("checked", false);
focus();
return;
} else if (textValue > 100) {
alert("请输入小于100的整数!");
checkbox.attr("checked", false);
focus();
return;
}

checkbox.attr("checked", true);

//设置
checkbox.val(appId + "_" + textValue);

//延时
function focus() {
setTimeout(function() {
input.focus();
}, 0);
}
}

$(document).ready(function() {
$("#order_submit").bind("click", formSubmit);
$("#selectAll").bind("click", selectAll);
$("#clearAll").bind("click", clearAll);
$("#revSelect").bind("click", revSelect);

//绑定排序text
$("input[id ^= 'sequence_']").each(function() {
var rv = $(this).attr("id");
var id = rv.replace("sequence_", "");
$(this).bind("blur", {appId : id}, checkOrder);
//$(this).bind("propertychange change", {appId:id}, checkOrder); 对应值改变
});
});
//-->
</script>
分享到:
评论

相关推荐

    jquery使用bind绑定事件

    本篇文章将深入探讨如何使用jQuery中的`bind()`方法来绑定事件,并通过实例讲解如何改变页面上单行文本框(input[type="text"])的背景色。 `bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件...

    Jquery Change与bind事件代码

    在jQuery中,`change`和`bind`都是用于处理事件的函数,但它们的应用场景和使用方式略有不同。首先,让我们详细了解这两个方法。 `change`事件是HTML元素中的一个内置事件,主要针对表单元素,如`&lt;input&gt;`、`...

    jquery绑定事件 bind和on的用法与区别分析

    在jQuery中,`bind` 和 `on` 都是用来绑定事件处理函数的,但它们之间存在一些关键的区别。本文将详细解析这两个方法的用法及其差异。 首先,`bind` 是 jQuery 的早期版本中用于绑定事件的方法。它接受三个参数:`...

    JQuery中Bind()事件用法分析

    在jQuery库中,`bind()`方法是一个至关重要的功能,它允许开发者将事件处理程序绑定到DOM元素上。本文将深入探讨`bind()`方法的用法、功能、特点以及如何在实际开发中应用。 首先,`bind()`方法的基本语法是`.bind...

    关于jquery input textare 事件绑定及用法学习

    (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$...

    JQuery中绑定事件(bind())和移除事件(unbind())

    在jQuery中,事件处理机制尤为强大,其中bind()和unbind()方法是用来绑定和移除事件监听器的函数,它们是进行事件处理时不可或缺的一部分。 首先我们来看bind()方法。在jQuery中,通过bind()可以为选定的元素添加一...

    JQuery 绑定事件时传递参数的实现方法

    在jQuery中,`bind()`方法是用来绑定事件处理函数到元素上的。当事件发生时,绑定的函数会被调用。在某些情况下,我们可能需要在事件处理函数中传递额外的参数,以便更好地处理事件。以下是一些在jQuery中实现这一...

    锋利的jquery第四章例子

    `bind`方法是jQuery中用于绑定事件处理函数的常用方法。例如,`$("#element").bind("click", function() {...})`将为ID为"element"的元素添加点击事件。这里的`click`可以替换为其他类型的事件,如`mouseover`、`...

    jQuery中的on与bind绑定事件区别实例详解

    在jQuery中,`on`和`bind`都是用于绑定事件处理函数的方法,但它们之间存在一些关键的区别,尤其是在处理动态添加元素和事件冒泡方面。本文将深入探讨这两个方法,并通过实例来阐述它们的不同。 首先,`bind`是...

    多种jQuery绑定事件的实现方式

    在jQuery中,绑定事件是创建交互式网页的关键步骤。本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,...

    jQuery实现给input绑定回车事件的方法

    jQuery的`.bind()`方法可以用于为选定的元素绑定事件处理函数。对于input元素绑定回车事件,可以监听`keypress`事件。当用户按下键盘上的回车键时,触发事件处理函数。 示例代码如下: ```javascript $(function()...

    最新版JQuery-jquery-3.2.1.min.js

    - **事件处理**:`on()`, `off()`, `trigger()`, `bind()`, `unbind()`等用于绑定、解绑和触发事件。 - **动画**:`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等提供平滑的动画效果。 - **Ajax**:`$....

    jquery-binddata:一个 jquery 插件,便于将 javascript 对象绑定到表单字段。 该插件将根据绑定对象的属性设置表单字段元素的值,并在对表单进行更改时更新绑定对象

    jquery-binddata 一个 jquery 插件,便于将 javascript 对象绑定到表单字段。 该插件将根据绑定对象的属性设置表单字段元素的值,并在对表单进行更改时更新绑定对象。 用法 Binddata 期望表单字段元素的名称与模型...

    jquery手册-jQuery1.3

    1. 绑定事件:`.bind()`, `.click()`, `.hover()`等方法用于绑定事件处理函数,而`.unbind()`用于解除绑定。 2. 事件代理:使用`.delegate()`或`.on()`(jQuery1.7及以上版本)可以实现事件代理,提高性能并处理...

    jQuery的bind()方法使用详解

    `jQuery的bind()方法`是JavaScript库jQuery中用于添加事件处理程序的重要函数。它允许开发者在指定的DOM元素上注册事件监听器,以便在特定事件触发时执行预定义的函数。下面将详细介绍`bind()`方法的使用、语法、...

    JQuery中的事件及动画用法实例

    本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下: 1.bind事件 代码如下:[removed][removed] [removed] $(function () { $(“#divid h5.head”).bind(“click”, function () { //...

    50个jquery例子源码

    7. **数据绑定与解绑**:`.data()`方法允许在元素上存储和检索数据,`.bind()`和`.unbind()`用于绑定和解除事件处理器。 8. **事件委托**:使用`.on()`方法可以实现事件委托,处理动态添加的元素事件,如`$("parent...

    jqueryapi学习类库

    此外,`.bind()`、`.unbind()`和`.live()`(已废弃)也是早期版本中常用的事件处理方法。 五、动画效果 jQuery的动画功能非常强大,`.animate()`方法可以创建自定义动画,支持CSS属性的平滑过渡。`.fadeIn()`、`....

    Jquery 1.4开发文档

    `bind()`和`unbind()`方法更为通用,可以绑定和解绑任何类型的事件。此外,`live()`, `delegate()`, 和`on()`(1.7后引入)用于动态元素的事件处理,即使元素在事件绑定后被创建,也能正常触发事件。 ## 4. 动画...

Global site tag (gtag.js) - Google Analytics