Javascript 当行多于一行时启用删除按钮
当行多于一行时,启用表格第四列中的“删除”按钮,当行为一行时禁用Javascript 当行多于一行时启用删除按钮,javascript,html,jquery,css,bootstrap-4,Javascript,Html,Jquery,Css,Bootstrap 4,当行多于一行时,启用表格第四列中的“删除”按钮,当行为一行时禁用 $(文档).ready(函数(){ var计数器=0; $(“#添加行2”)。在(“单击”,函数(){ var newRow=$(“”); var cols=“”; cols+=''; cols+=''; cols+=''; cols+=''; newRow.append(cols); $(“#myTable2”)。追加(新行); 计数器++; }); $(“#myTable2”)。在(“单击”上,“.ibtnDel”,函数(事
$(文档).ready(函数(){
var计数器=0;
$(“#添加行2”)。在(“单击”,函数(){
var newRow=$(“”);
var cols=“”;
cols+='';
cols+='';
cols+='';
cols+='';
newRow.append(cols);
$(“#myTable2”)。追加(新行);
计数器++;
});
$(“#myTable2”)。在(“单击”上,“.ibtnDel”,函数(事件){
$(this).tr.remove();
计数器-=1;
});
});代码>
全名
全称
业务或职业
行动
您可以使用prop()
启用/禁用。。此外,您还可以添加/删除类以防止单击。在“删除”按钮上单击,您需要检查行的长度。。请参阅下一个代码
$(文档).ready(函数(){
var计数器=0;
$(“#添加行2”)。在(“单击”,函数(){
var newRow=$(“”);
var cols=“”;
cols+='';
cols+='';
cols+='';
cols+='';
newRow.append(cols);
$(“#myTable2”)。追加(新行);
$(“.ibtnDel”).prop('disabled',false).removeClass('disabled');//当行多于一行时启用表格第四列中的Delete按钮,当行为一行时禁用该按钮
如果重复此操作两次,则不会使其更清晰:)