按鈕之間選擇

我有表格和用戶必須選擇按鈕我做了html代碼，並使jquery代碼，使選項活躍（選定）但我不知道如何得到選擇到PHP （如何知道什麼選用用戶）我的想法是使所選選項按鈕之間選擇

HTML創建隱藏輸入的JavaScript函數：

<div class="btn-group" role="group" style="padding:20px;"> 
    <button type="button" class="btn btn-primary active">Manual</button> 
    <button type="button" class="btn btn-primary">Automatic</button> 
    <button type="button" class="btn btn-primary">Both</button> 
</div>

的Javascript：

<script> 
    $('.btn-group').on('click', '.btn', function() { 
    $(this).addClass('active').siblings().removeClass('active').addClass('btn-default'); 
}); 
</script>

來源

2017-02-09 user2848388

一個隱藏的輸入可以做的伎倆。向該按鈕添加一個「名稱」也會使表單數據中的服務器端代碼可見。 – David

環繞你的窗體控件在<form>並確保擁有一個值具有name每個表單控件。使用<input type='submit'>或使用AJAX將數據發送到服務器。此演示使用測試服務器。選擇一個單選按鈕，然後點擊提交按鈕，您將收到服務器如何看到您發送的數據和標題。該片段由於SO的安全措施而不起作用，因此請參閱PLUNKER進行演示。

參考：http://www.dyn-web.com/tutorials/forms/

代碼片段

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 

 
</head> 
 

 
<body> 
 

 
    <form id='form1' name="form1"> 
 

 
    <fieldset> 
 
     <legend>Choose Transmission</legend> 
 
     <label>Manual</label> 
 
     <input type='radio' name='rad' value='Manual'> 
 
     <label>Auto</label> 
 
     <input type='radio' name='rad' value='Auto'> 
 
     <label>Both</label> 
 
     <input type='radio' name='rad' value='Both'> 
 
    </fieldset> 
 
    <input id="submit" type="submit"> 
 
    <br/> 
 
    <label>Result: 
 
     <!-- Output area. --> 
 
     <output id="output1"></output> 
 
    </label> 
 
    <div>This Snippet will not function in SO due to security contraints. Go here for a working demo: https://embed.plnkr.co/Yv6POGH9Jvbgs1HFoQrX/ 
 
    </div> 
 
    </form> 
 

 

 
    <script> 
 
    var f1 = document.getElementById('form1'); 
 
    var o1 = document.getElementById('output1'); 
 
    f1.onsubmit = function(e) { 
 
     e.preventDefault(); 
 
     var req = new XMLHttpRequest(); 
 
     // POST to httpbin which returns the POST data as JSON 
 
     req.open('POST', 'http://httpbin.org/post', false); 
 
     var formData = new FormData(f1); 
 
     req.send(formData); 
 
     o1.value = req.response; 
 
    } 
 
    </script> 
 
</body> 
 

 
</html>

來源

2017-02-09 01:53:29 zer00ne

按鈕之間選擇

回答

相關問題