多个button中获取所点击button的值

本人是在java中拼接的table表格,有多个点击按钮,需要获取每个点击按钮传递当前的ID,最初的程序如下:

java代码:

show_detail.append("<tr>");
show_detail.append("<td style='white-space:nowrap;width:10%;text-align:center'>"+tvordersbean.getCancelTime()+"</td>");
show_detail.append("<td style='white-space:nowrap;width:9%;text-align:center'><input type='button' name='tvquery' value='详情' style='height:20px;' onclick='queryTvDetails()'/><input type='button' name='btnThree' value='退订' style='height:20px;' onclick='tvunsubscribeTvDetails("+tvordersbean.getProductId()+")'/></td>");
 show_detail.append("</tr>");

jsp代码:

function tvunsubscribeTvDetails(tvProductId){
    alert(tvProductId);
}

使用控制台查看时input按钮为:

<input type="button" name="btnThree" value="退订" style="height:20px;"onclick="tvunsubscribeTvDetails(adc123)"/>

可以看到onclick方法中的值已经传到前台,但是点击调用script中的方法时,scrip中的tvunsubscribeTvDetails方法获取不到值。

说明传参是没有问题的,获取不到值,应该是格式的问题,经查阅资料发现onclick中的点击方法中的值应该用""括起来,经使用转义符,scrip的方法中可以正常获取参数,修改后代码如下:

show_detail.append("<tr>");
show_detail.append("<td style='white-space:nowrap;width:10%;text-align:center'>"+tvordersbean.getCancelTime()+"</td>");
show_detail.append("<td style='white-space:nowrap;width:9%;text-align:center'><input type='button' name='tvquery' value='详情' style='height:20px;' onclick='queryTvDetails()'/><input type='button' name='btnThree' value='退订' style='height:20px;' onclick='tvunsubscribeTvDetails(\""+tvordersbean.getProductId()+"\")'/></td>");
 show_detail.append("</tr>");

猜你喜欢

转载自blog.csdn.net/malz_zh/article/details/83313548