当前位置: 代码迷 >> Web前端 >> JQuery简略应用
  详细解决方案

JQuery简略应用

热度:267   发布时间:2012-11-07 09:56:10.0
JQuery简单应用




全选反选应用:

<a href="#" class="all_choice">全选</a>/<a href="#" class="cancel_choice">反选</a>

$(document).ready(function(){
?? ? ? ? $(".all_choice").click(function(){
?? ? ? ? ? ? ? ? $('input[name=checkboxName]').each(function(){
?? ? ? ? ? ? ? ? $(this).attr("checked",true);
?? ? ? ? ? ? ? ? });
?? ? ? ? return false;
});
$(".cancel_choice").click(function(){
$('input[name=checkboxName]').each(function(){
if($(this).attr("checked")){
$(this).attr("checked",false);
}else{
$(this).attr("checked",true);
}
});
return false;
});

});

JQuery的ajax轻装简便:
$.ajax({
url:"url.action",--请求地址
type:"post",
dataType:"text",
data:"param="+param,--url跟的参数
error:function(){--错误处理
},
success:function(data){
--成功返回的信息
}
});

?

  相关解决方案