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

jquery 基本操作

2016-09-22 08:40 197 查看
<td value="<?php echo $value['g_id']; ?>"><span class='name'><?php echo $value['name'] ?></span></td>

获取已选中复选框值

$("#del").click(function(){
$('input[name="checkbox"]:checked').each(function(){
str += ','+$(this).val()
})
$.post("{{url('/index/delete')}}",{'str':str},function(msg){

})
})

全选、全不选、反选

$("#quan").click(function(){
// alert(1)
$('[name="checkbox"]').each(function() {
this.checked=true;
});
})
$("#bu").click(function(){
$('[name="checkbox"]').each(function() {
this.checked=false;
});
})
$("#fan").click(function(){
    $('[name="checkbox"]').each(function() {
        if(this.checked==true)
        {
            this.checked=false;
        }else{
            this.checked=true;
        }
    });
})


点击修改

$(document).on('click','span',function(){
var old_val=$(this).html();
$(this).parent().html("<input type=\'text\' value="+old_val+">");
$('input').focus();

$('input').blur(function(){
var obj=$(this);
var id=$(this).parent().attr('value'); //获取要修改内容的id
var val=$(this).val(); //获取修改后的值
$.ajax({
type:'post',
url:"{{url('/index/update')}}",
data:{
id:id,
val:val
},
success:function(msg){
if(msg == 1){
obj.parent().html("<span class='name'>"+val+"</span>")
}else{
// obj.parent().html("<span class='name'>"+old_val+"</span>")
}

}
})
})

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