Javascript onclick按钮不工作
这是HTML文件,我不知道缺少什么。我只需要弄清楚Javascript onclick按钮不工作,javascript,jquery,button,onclick,click,Javascript,Jquery,Button,Onclick,Click,这是HTML文件,我不知道缺少什么。我只需要弄清楚onclick按钮是如何工作的,因为这个按钮不起作用 $('#添加表单')。单击(函数(){ i++; $(“#添加我”)。附加( '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + “删除”+ '' + '' ); }); 请添加新药 {{csrf_field()}} 量 描述 售价 行动 删除 添加新表单 保存所有药物 在单击功能中,未声明i。这就是它显示错误的原因。 请看这张照片
onclick
按钮是如何工作的,因为这个按钮不起作用
$('#添加表单')。单击(函数(){
i++;
$(“#添加我”)。附加(
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
“删除”+
'' +
''
);
});代码>
请添加新药
{{csrf_field()}}
量
描述
售价
行动
删除
添加新表单
保存所有药物
在单击功能中,未声明i
。这就是它显示错误的原因。
请看这张照片。
我希望您已经在html文件中包含了jquery
var i=0;
$('#add-form').click(function() {
i++;
$('#add-me').append(
'<tbody id="row'+i+'"><tr>'+
'<td class="col-md-2">'+
'<input id="quantity" onkeypress="return event.charCode >= 48 && event.charCode <=57" type="text" name="quantity[]" class="form-control"/>'
+'</td>'
+'<td class="col-md-7">'
+'<input type="text" name="description[]" class="form-control"/>'
+'</td>'
+'<td class="col-md-3">'
+'<input type="text" name="selling_price[]" class="form-control" />'
+'</td>'
+'<td class="col-md-2">'
+'<button id="'+i+'" type="button" class="btn btn-danger delegated-btn">Delete</button>'
+'</td>'
+'</tr></tbody>'
);});
var i=0;
$(“#添加表单”)。单击(函数(){
i++;
$(“#添加我”)。附加(
''+
''+
''
+''
+''
+''
+''
+''
+''
+''
+''
+“删除”
+''
+''
);});
在代码中没有“i”的变量声明
在函数中声明此变量:
您的代码工作正常。。。如果您添加jQuery和var i=0
,它应该可以工作-请参阅我为您制作的代码片段,使删除按钮可以工作,执行$(“#添加我”)。在(“单击”,“按钮”,函数(){$(this).closest(“tr”).remove();})代码>