1.获取td的行标和列标
代码如下:
$(this).prop('cellIndex')
2.判断是否是回车按下
代码如下:
var myEvent = event || window.event;
var key = myEvent.keyCode;
if(key == 13){
//此时为回车按下
}
3.全选和反选
代码如下:
$("#selectall").click(function(){
if($("input[name='id[]']").is(":checked")){
$("input[name='id[]']").prop("checked",false);
}else{
$("input[name='id[]']").prop("checked",true);
}
});
4.双击修改 enter保存 table中的td项双击事件
代码如下:
$("td").dblclick(function(){
var tdIns = $(this);
var tdpar = $(this).parents("tr");
tdpar.css("background-color","yellow");
if (tdIns.children("input").length>0){ return false; }
var inputIns = $("<input type='text'/>"); //需要插入的输入框代码
var text = $(this).html();
inputIns.width(tdIns.width()); //设置input与td宽度一致
inputIns.val(tdIns.html()); //将本来单元格td内容copy到插入的文本框input中
tdIns.html(""); //删除原来单元格td内容
inputIns.appendTo(tdIns).focus().select(); //将需要插入的输入框代码插入dom节点中
inputIns.click(function(){return false;});
inputIns.keyup(function(event){
//1.判断是否回车按下
//结局不同浏览器获取时间的差异
var myEvent = event || window.event;
var key = myEvent.keyCode;
if(key == 13){
var inputNode = $(this);
//1.保存当前文本框的内容
var inputText = inputNode.val();
//2.清空td里面的内容
inputNode.parent().html(inputText);
}
});
//处理Enter和Esc事件
新闻热点
疑难解答
图片精选