发布于 2017-05-14 05:27:49 | 171 次阅读 | 评论: 0 | 来源: 网友投递
Ajax
AJAX即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
实例如下:
/全选按钮
$("#all").click(function(){
if(this.checked){
$(":checkbox").prop("checked", true);
}else{
$(":checkbox").removeAttr("checked");
}
});
$("#form").on('click','.ids',function(){
var chknum = $("input[name='ids']:checkbox").size();//选项总个数
var chk = 0;
$("input[name='ids']:checkbox:checked").each(function () {
chk++;
});
if(chknum==chk){//全选
$("#all").prop("checked",true);
}else{//不全选
$("#all").removeAttr("checked");
}
});
//上下架
$('#form').on('click','.up,.down',function(){
var my = $(this);
var val = my.data('status');
var url = my.data('url');
var valArr = new Array;
$("input[name='ids']:checkbox:checked").each(function(i){
valArr[i] = $(this).val();
});
var vals = valArr.join(',');
$.ajax({
url: my.data('url'),
method: 'post',
data: {
status: val,
ids:vals
},
success: function() {
$("#all").removeAttr("checked");
table.search();
}
});
});
以上这篇jq checkbox 的全选并ajax传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phperz。