javascript - 如何从有 2 个文本框的 jQuery 对话框中获取值？我可以将它们存储在 JavaScript 变量中吗？

Question

我尝试过 jQuery，但无法从该对话框中获取值。有什么方法可以将这些值存储在 JavaScript 变量中(即来自 jQuery 对话框)。

<div id="dialog-message2">

  <center><p>
    What percentage would you like to refund?</br>
    <input type="text" id="per" name="per" > %
    </p></center>

    <center><p>
    Reason: <input type="text" id="reason" name="reason" >
    </p></center>


    <br><center><input type="submit" id="proceed" name="proceed" value="PROCEED" style='width:60px;height:30px;background-color:#0066CC;color:#FFFAF0; -webkit-border-radius: 9px'></center>
</div>

或者JavaScript中有其他方法吗？

Answer 1

$(document).ready(function(){

    $("#proceed").click(function(){

    //using JQuery
    var perValue = $("#per").val();
    var reasonValue = $("#reason").val();
    console.log(reasonValue);
    console.log(perValue);
    });    
});

//using javascript
document.getElementById('proceed').onclick = Onclick;
function Onclick(){
    var reasonValue = document.getElementById("reason").value;    
    var perValue = document.getElementById("per").value;
    console.log(reasonValue);
    console.log(perValue);
}

我已经包含了基于按钮 onlick 功能的 Jquery 和普通 javascript。您可以对此进行测试:JsFiddle 。您可以检查控制台以查看 var 值的输出。