Jquery 从无线电输入获取值并将其设置为变量

Jquery 从无线电输入获取值并将其设置为变量,jquery,button,input,radio-button,Jquery,Button,Input,Radio Button,我有几个带文本输入的div和几个带收音机类型输入的div。单击按钮时,我尝试使用jquery将这些输入的值分配给某些变量,但它似乎不起作用(echo$number\u value或echo$second\u form\u value`不显示任何内容) 输入部分: <div id="first_div"> <form name="first_form" action=""> <fieldset> <label fo

我有几个带文本输入的div和几个带收音机类型输入的div。单击按钮时,我尝试使用jquery将这些输入的值分配给某些变量,但它似乎不起作用(echo$number\u value
echo$second\u form\u value`不显示任何内容)

输入部分:

     <div id="first_div">
    <form name="first_form" action="">
    <fieldset>
        <label for="first_form" id="first_form_label">Some text for the user</label>
        <input type="number" name="number_info" id="number_info" size="7" value="" class="text-input" />
        <br />
        <label class="error" for="first_form" id="first_form_error">Error alert</label>
        <br />
        <input type="button" name="value" class="button" id="first_form_button" value="Next" />
    </fieldset>
    </form>
  </div>




<div id="second_div">
    <form name="second_form" action="">
    <fieldset>
        <label for="second_form" id="second_form_label">Some text for the user</label><br />
        <input type="radio" name="second_form_info" id="second_form_A"  value="A" class="text-input" />           
        <label for="A">Choose A</label><br />

        <input type="radio" name="second_form_info" id="second_form_B"  value="B" class="text-input" />
        <label for="B">Choose B</label>
        <br />
        <label class="error" for="second_form" id="second_form_error">Error alert</label>
        <br />
        <input type="button" name="value" class="button" id="second_form_button" value="Next" />
    </fieldset>
    </form>
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript">     
}))

}));


有人能指出它的根本缺陷吗?

您正在等待绑定
keyup
change
的处理程序,直到单击表单中的按钮。将这些处理程序置于
单击
函数之外。在
.change
处理程序中设置的变量也是该处理程序的本地变量,因此无法在外部访问它

$("#second_form_info").on("keyup change", function() {
    var second_form_value =  $('#input[name$='second_form_info']').val();
});

$('#second_form_button').click(function(){
    $('#first_div').hide();
});

例如,如果我想在处理程序之外使用该变量(用于将其发送到MySQL),这是不可能的?这是可能的,您只需要使用一个更易访问的变量(在处理程序之外声明)——或者当您想将其发送回SQLgood man tymeJV时,只需获取该值,您可以显示(或链接)吗举个例子,如何在处理程序外部声明它?
$('#second_form_button').click(function(){
$("#second_form_info").on("keyup change", function() {
var second_form_value =  $('#input[name$='second_form_info']').val();
});
$('#first_div').hide();
$("#second_form_info").on("keyup change", function() {
    var second_form_value =  $('#input[name$='second_form_info']').val();
});

$('#second_form_button').click(function(){
    $('#first_div').hide();
});