2017-06-06 75 views
-1

我有兩個不同的無線電選擇字段一個簡​​單的表單字段:插入表單操作鏈接

<form method="get" id="searchform" action="<?php $btn_link; ?>"> 
    <div class="alternativ-suchefeld"> 
    <div class="radioboxarea"> 
     <input type="radio" name="buttonname" value="value_button_1" checked> 
     Button 1</div> 
    <div class="radioboxarea"> 
     <input type="radio" name="buttonname" value="value_button_2" > 
     Button 2</div> 
    <input type="submit" id="searchSubmit" value="Search" /> 
    </div> 
</form> 

如果我選擇「按鈕1」並提交,跳轉鏈接「$ btn_link 「應該是」link1.php「。 如果選擇了「按鈕2」,則操作鏈接應該被稱爲「link2.php」。

有人有一個想法,如何實現這一點?謝謝!

回答

1

做這樣

腳本

$('input[name="buttonname"]').change(function() { 
    var v = $(this).val(); 
    if (v == "value_button_1") { 
    $('#searchform').attr('action', 'link1.php'); 
    } else if (v == "value_button_2") { 
    $('#searchform').attr('action', 'link2.php'); 
    } 
}); 

Working fiddle here

+0

您可以通過jQuery中使用其名稱,比如'$(「輸入[名稱= 」BUTTONNAME「]獲得元素值')',所以普通的類不是強制性的。 –

+0

是的,爲什麼不。你的解決方案也可以... @ MayankPandeyz – Nidhi

+0

謝謝你的快速回復。我已經插入了JavaScript,但是即使我選擇了按鈕2,動作鏈接也會始終轉到「link1.php」。腳本對發送頁面沒有影響。這可能與GET方法有關嗎? – Filip