您的位置:首页 > Web前端 > JQuery

jquery项目中常用的方法和jquery插件

2014-11-20 09:50 295 查看
//全选 全不选

//全选 全不选
$(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 : "该港口名称已存在"
}
}
});
});



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: