<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()`方法来绑定事件,并通过实例讲解如何改变页面上单行文本框(input[type="text"])的背景色。 `bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件...
在jQuery中,`change`和`bind`都是用于处理事件的函数,但它们的应用场景和使用方式略有不同。首先,让我们详细了解这两个方法。 `change`事件是HTML元素中的一个内置事件,主要针对表单元素,如`<input>`、`...
在jQuery中,`bind` 和 `on` 都是用来绑定事件处理函数的,但它们之间存在一些关键的区别。本文将详细解析这两个方法的用法及其差异。 首先,`bind` 是 jQuery 的早期版本中用于绑定事件的方法。它接受三个参数:`...
在jQuery库中,`bind()`方法是一个至关重要的功能,它允许开发者将事件处理程序绑定到DOM元素上。本文将深入探讨`bind()`方法的用法、功能、特点以及如何在实际开发中应用。 首先,`bind()`方法的基本语法是`.bind...
(1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$...
在jQuery中,事件处理机制尤为强大,其中bind()和unbind()方法是用来绑定和移除事件监听器的函数,它们是进行事件处理时不可或缺的一部分。 首先我们来看bind()方法。在jQuery中,通过bind()可以为选定的元素添加一...
在jQuery中,`bind()`方法是用来绑定事件处理函数到元素上的。当事件发生时,绑定的函数会被调用。在某些情况下,我们可能需要在事件处理函数中传递额外的参数,以便更好地处理事件。以下是一些在jQuery中实现这一...
`bind`方法是jQuery中用于绑定事件处理函数的常用方法。例如,`$("#element").bind("click", function() {...})`将为ID为"element"的元素添加点击事件。这里的`click`可以替换为其他类型的事件,如`mouseover`、`...
在jQuery中,`on`和`bind`都是用于绑定事件处理函数的方法,但它们之间存在一些关键的区别,尤其是在处理动态添加元素和事件冒泡方面。本文将深入探讨这两个方法,并通过实例来阐述它们的不同。 首先,`bind`是...
在jQuery中,绑定事件是创建交互式网页的关键步骤。本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,...
jQuery的`.bind()`方法可以用于为选定的元素绑定事件处理函数。对于input元素绑定回车事件,可以监听`keypress`事件。当用户按下键盘上的回车键时,触发事件处理函数。 示例代码如下: ```javascript $(function()...
- **事件处理**:`on()`, `off()`, `trigger()`, `bind()`, `unbind()`等用于绑定、解绑和触发事件。 - **动画**:`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等提供平滑的动画效果。 - **Ajax**:`$....
jquery-binddata 一个 jquery 插件,便于将 javascript 对象绑定到表单字段。 该插件将根据绑定对象的属性设置表单字段元素的值,并在对表单进行更改时更新绑定对象。 用法 Binddata 期望表单字段元素的名称与模型...
1. 绑定事件:`.bind()`, `.click()`, `.hover()`等方法用于绑定事件处理函数,而`.unbind()`用于解除绑定。 2. 事件代理:使用`.delegate()`或`.on()`(jQuery1.7及以上版本)可以实现事件代理,提高性能并处理...
`jQuery的bind()方法`是JavaScript库jQuery中用于添加事件处理程序的重要函数。它允许开发者在指定的DOM元素上注册事件监听器,以便在特定事件触发时执行预定义的函数。下面将详细介绍`bind()`方法的使用、语法、...
本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下: 1.bind事件 代码如下:[removed][removed] [removed] $(function () { $(“#divid h5.head”).bind(“click”, function () { //...
7. **数据绑定与解绑**:`.data()`方法允许在元素上存储和检索数据,`.bind()`和`.unbind()`用于绑定和解除事件处理器。 8. **事件委托**:使用`.on()`方法可以实现事件委托,处理动态添加的元素事件,如`$("parent...
此外,`.bind()`、`.unbind()`和`.live()`(已废弃)也是早期版本中常用的事件处理方法。 五、动画效果 jQuery的动画功能非常强大,`.animate()`方法可以创建自定义动画,支持CSS属性的平滑过渡。`.fadeIn()`、`....
`bind()`和`unbind()`方法更为通用,可以绑定和解绑任何类型的事件。此外,`live()`, `delegate()`, 和`on()`(1.7后引入)用于动态元素的事件处理,即使元素在事件绑定后被创建,也能正常触发事件。 ## 4. 动画...