关于超链接执行问题。

Question

<script language="JavaScript">
function test() {
$.dialog( {
content : '确定取消吗?',
ok : function() {
this.title('3秒后自动关闭').time(3);
return false;
},
cancelVal : '关闭',
cancel : true
/*为true等价于function(){}*/
});}
</script>
我有一个超链接<a href="applyInfo/deleteApply.action?id=${applyInfo.id}" onClick="test();">取消申请</a>链接执行的是删除操作。
上面的js是一个控件lhgdialog，
现在的问题是，控件是弹出窗口了，但是当我点确定、取消的时候，这个链接都执行了后面的href的部分。请问怎么修改下呢？

Answer 1

<script language="JavaScript">
function test() {
$.dialog( {
content : '确定取消吗?',
ok : function() {
this.title('3秒后自动关闭').time(3);
                        //这里才跳转是吧
                        window.location.href = "applyInfo/deleteApply.action?id=${applyInfo.id}"
return false;
},
cancelVal : '关闭',
cancel : true
/*为true等价于function(){}*/
});}
</script><a href="javascript:void(0)" onClick="test();">取消申请</a>
应该这样把  不然你每次点取消申请都会跳转href

Answer 2

恩，这样确实是可以，但是 我js那获取不到${applyInfo.id} 的值啊 咋办呢？

Answer 3

可以了 谢谢<script language="JavaScript">
function test() {
$.dialog( {
content : '确定取消吗?',
ok : function() {
this.title('3秒后自动关闭').time(3);
var applyId = document.getElementById("applyInfoId").value;
alert(applyId);
window.location.href = "applyInfo/deleteApply.action?id="+applyId;
return false;
},
cancelVal : '关闭',
cancel : true
/*为true等价于function(){}*/
});}
</script>