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>") } } }) }) })
相关文章推荐
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- Jquery 表单取值赋值的一些基本操作
- JQuery对基本Html控件的操作
- Jquery表单取值赋值的一些基本操作
- JQuery 操作基本控件
- Ajax/jQuery 各项基本操作
- jQuery之基本Html控件操作
- Jquery 表单取值赋值的一些基本操作
- JQuery对基本Html控件的操作TextBox、Select、Radio、CheckBox
- jquery 控制面板插件的基本操作
- Jquery表单取值赋值的一些基本操作
- Jquery表单取值赋值的一些基本操作
- JQuery 基本操作2
- jquery基本操作
- Jquery 表单取值赋值的一些基本操作
- Jquery 表单取值赋值的一些基本操作
- JQuery 基本操作2
- jquery对表单的基本操作【转自园子->小刚I的博客】
- Jquery 基本操作