//全选 全不选
//全选 全不选
$(document).ready(function () {
$("#checkedAll").click(function () {
if ($(this).attr("checked")) { // 全选
$("input[name='zydName']").each(function () {
$(this).attr("checked", true);
});
}else { // 取消全选
$("input[name='zydName']").each(function () {
$(this).attr("checked", false);
});
}
});
});
jquery获取复选框的值:
function jqchk(){ //jquery获取复选框值
var s='';
$('input[name="zydName"]:checked').each(function(){
s+=$(this).val()+',';
});
if(s.length>0)
{
s=s.substring(0,s.length-1);
location.href="$!webPath/usercenter/show/res/downAll.htm?ids="+s+"";
}
else
{
alert("请选中需要下载的资源单!");
}
}
属性当前页面:
//刷新页面
function shuaxin()
{
window.location.reload();
}
//上传验证
$(document).ready(function(){
$(":submit[id=save]").click(function(check){
var val = $(":file[id=file]").val();
if(val==""){
alert("不能上传空的文件!");
$(":file[id=file]").focus();
check.preventDefault();//此处阻止提交表单
}else{
var valtype=val.substring(val.length-3,val.length);
valtype=valtype.toLowerCase();
if(valtype!="xls")
{
alert("只能上传xls文件");
$(":file[id=file]").focus();
check.preventDefault();//此处阻止提交表单
}
}
});
});
post请求:
jQuery.post("$!webPath/tdatamtl/price_validate.htm",
{"dt" : dt,
"producer":producer,
"falgs":"coke"
},
function(data) {
if(data == "true"){
alert("根据日期、分类、品种、产地查了一下,这个数据已经存在了!");
}else {
$("#theFrom").submit();
}
}, "text");
ligerui弹出窗口:
<pre name="code" class="javascript"><script src="jquery-1.6.2.js"></script>
<link href="ligerui-all.css" rel="stylesheet" type="text/css" /><link href="ligerui-form.css" rel="stylesheet" type="text/css" /><link href="ligerui-icons.css" rel="stylesheet" type="text/css" /><script src="base.js" type="text/javascript"></script><script
src="ligerForm.js" type="text/javascript"></script><script src="ligerDialog.js" type="text/javascript"></script>
addDatesDialog = $.ligerDialog.open({
url :"$!webPath/tdatamtl/category_Addskip.htm?falg="+falg+"&categoryId="+categoryId+"",
title : titles,
height : 500,
width : 600,
isResize : false
});
日期控件:
<pre name="code" class="javascript"><pre name="code" class="javascript"><script src="jquery-1.6.2.js"></script>
<script language="JavaScript" type="text/javascript" src="WdatePicker.js"></script>
<span class="webname"> <input style="width: 100px;" value="$!beginTime" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly" name="beginTime" id="beginTime"/>- <input style="width: 100px;" value="$!endTime" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
readonly="readonly" name="endTime" id="endTime"/> </span>
表单验证控件:
<script src="jquery-1.6.2.js"></script>
<script src="jquery.validate.min.js"></script>
<pre name="code" class="javascript">jQuery(document).ready(function(){
var portNames="$!obj.portName";
function DataLength(fData)
{
var intLength=0;
for (var i=0;i<fData.length;i++)
{
if ((fData.charCodeAt(i) < 0) || (fData.charCodeAt(i) > 255))
intLength=intLength+2
else
intLength=intLength+1
}
return intLength;
}
$.validator.addMethod("ValueMaxlength", function (value, element, param) {
if(DataLength(value) > param){
return false;
}
return true;
},"不能大于{0}个字符");
jQuery("#theFrom").validate({
rules:{
portName:{
required :true,
ValueMaxlength : 80,
remote : {
url : "$!webPath/tdatamtl/port_validate.htm",
type : "post",
dataType : "json",
data : {
"portName" : function() {
return jQuery("#portName").val();
},
"portNames" : function() {
return portNames;
}
}
}
}
},
messages:{
portName:{
required:"港口名称不能为空!",
maxlength : jQuery.format("不能大于{0}个字符"),
remote : "该港口名称已存在"
}
}
});
});
分享到:
相关推荐
在给定的压缩包文件中,我们发现了几个关键的jQuery插件,它们分别是zTree、Grid和Layer。这些插件进一步扩展了jQuery的功能,提供了更多实用的组件和功能,以满足Web开发中的各种需求。 1. **zTree**:zTree是一个...
以上只是jQuery众多插件中的一部分,每个插件都有其独特的用途和优势,开发者可以根据项目的实际需求选择合适的插件进行集成。在使用过程中,了解插件的API和配置选项是关键,同时,熟练掌握jQuery的基础语法和原理...
以"jquery插件库-jquery抽奖插件"为例,这个插件可能包含一个旋转盘的HTML结构,结合CSS3的transform属性实现3D旋转效果。JavaScript部分则通过jQuery选择器获取元素,设置动画时间和旋转角度,然后绑定click事件,...
jQuery插件是JavaScript库jQuery生态系统中的一个重要组成部分,它极大地扩展了jQuery的核心功能,为开发者提供了丰富的功能和便捷的API,以实现各种复杂的网页交互和特效。jQuery插件通常由开发者社区创建并开源,...
通过查看jQuery插件的源码,我们可以学习到如何封装jQuery方法,如何利用jQuery的链式调用,以及如何组织代码使其更高效。源码中可能包含了对DOM元素的选择、操作,事件的绑定和触发,以及一些高级技巧,如延迟执行...
"JQuery插件 IP地址输入框"就是为了解决这个问题而设计的,它允许用户在输入框中便捷地输入IP地址,并能自动进行格式化和有效性检查。 该插件特别指出目前仅支持Firefox浏览器,这可能是因为其CSS样式在其他浏览器...
**jQuery Validation Engine 插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,...在实际开发中,结合使用其他jQuery插件和前端框架,能更好地构建出高效、友好的Web应用。
总结来说,这个“好用清除html的jquery插件”提供了一种高效的方法来处理和展示HTML内容,它可以帮助开发者确保内容的安全性和一致性,同时也为学习jQuery插件开发提供了实践案例。通过对插件源代码的研究,你可以...
这篇“jQuery插件开发学习”的主题旨在帮助开发者深入理解如何利用jQuery来开发自定义插件,提高代码复用性和项目效率。下面我们将详细探讨jQuery插件开发的相关知识点。 首先,了解jQuery的核心概念是至关重要的。...
2. **多媒体播放**:jQuery插件如`jQuery.media`和`jPlayer`提供了优雅的方式来处理视频和音频播放,支持多种格式,提供自定义的播放器皮肤和控制选项,使开发者能够创建互动性强的多媒体体验。 3. **DOM操作和事件...
3. **初始化插件**:使用jQuery选择器找到分享按钮,并调用`$.fn.extend`中的方法来初始化插件。例如,`$('.share-button').share(options);`,`options`是可选的配置参数,可以定制分享的平台、标题、描述等信息。 ...
jQuery,作为一个广泛使用的JavaScript库,极大地简化了网页的交互性和动态功能实现。它以其简洁的API和丰富的...通过深入理解和实践这些实例,开发者可以更好地理解jQuery的工作原理,并能灵活地应用于实际项目中。
在jQuery插件中,`this`通常指的是当前处理的DOM元素。在`.each()`循环中,`this`指向循环中的每个元素。如果需要在插件内部保存状态或引用,可以使用闭包保存`this`: ```javascript $.fn.myPlugin = function...
**jQuery DW插件** 的核心功能是代码提示,它的工作原理是当开发者在DW中输入jQuery选择器或函数时,插件会自动列出相关的jQuery方法和属性,使得开发者可以快速选择并插入到代码中。这极大地提高了开发者的生产力,...
下面我们将深入探讨ystep插件的使用方法、功能特性以及如何将其集成到项目中。 首先,ystep插件的核心在于其简洁的API设计。通过调用jQuery选择器并附加相应的插件方法,可以快速初始化并配置进度条。例如,基本的...
**jQuery与Visual Studio 2008的交互与提示插件** ...总之,结合`jquery-1.4.2-vsdoc.js`插件和必要的Visual Studio更新,开发人员可以在VS2008环境中获得流畅的jQuery开发体验,利用强大的代码编辑辅助提升开发效率。
本文将深入探讨“很好用的Jquery插件”,并介绍几个常用插件及其简单使用方法,这对于在项目中提升用户体验具有显著帮助。 首先,jQuery库的核心优势在于它的API设计,它提供了丰富的选择器、DOM操作、事件处理和...
通过Sublime Text 2的jQuery插件,开发者可以在编辑器中享受到专门针对jQuery语法的高亮显示,使代码更易于阅读和理解。 要安装jQuery插件,首先需要确保你已经安装了Package Control。Package Control是Sublime ...
在IT行业中,开发人员经常...总之,安装并配置适合的jQuery插件对于在Eclipse中进行JavaScript和jQuery开发至关重要。通过这种方式,开发者能够在Eclipse的强大环境中,利用熟悉的工具集更高效地编写和调试jQuery代码。