单选按钮onclick将值插入href

时间:2010-06-25 22:52:23

标签: javascript jquery

我正在尝试从单选按钮中的onlick事件中插入url到href链接,但它无法正常工作。这是我到目前为止。

<input type="radio" name="orderID" value="1"  onclick="javascript:document.getElementById('editBTN').href='forms/editForm.cfm?orderID ='&this.value">

<input type="radio" name=" orderID " value="2" onclick="javascript:document.getElementById('editBTN').href='forms/editForm.cfm?orderID ='&this.value">

等等...

href下面的链接应该根据单击的单选按钮而改变。

<a href="" id="editBTN"> Edit Order</a>

上面的脚本最后会返回当前包含“localhost/myApp/0”的网址。如果我从单选按钮中删除它('forms/editForm.cfm?orderID='&),它会正确返回orderId。

我想要这个结果localhost/myApp/forms/editForm.cfm?orderID=1。任何建议将不胜感激。

3 个答案:

答案 0 :(得分:3)

JavaScript使用+来连接字符串,而不是&

onclick="document.getElementById('editBTN').href=
         'forms/editForm.cfm?orderID ='+this.value"

(添加换行符以提高可读性) 应该工作。

顺便说一句,你可以丢失javascript:前缀。

答案 1 :(得分:2)

您将jquery列为问题标签之一。我只需将以下脚本放在我的页面上,并将点击事件附加到收音机上,将其值推送到相应的按钮属性中。

$('input[name=orderID]').click(function(e) {

$('#editBTN').attr('href', 'forms/editForm.cfm?orderID ='+$(this).val());

});

答案 2 :(得分:0)

我认为&amp;在此之前。值应为+