Javascript r/>地址： 标题： 城市： Zipcode： 电话号码： 参议员 众议院代表 选择你的州 阿拉巴马州 阿拉斯加州 亚利桑那州 阿肯色州 加利福尼亚 科罗拉多州 康涅狄格州 特拉华州 哥伦比亚特区 佛罗里达州 佐治亚州 夏威夷 爱达荷州 伊利诺伊州 印第安纳州 爱荷华州 堪萨斯州 肯塔基州 路易斯安那州 缅因州 马里兰 马萨诸塞州 密歇根 明尼苏达州 密西西比 密苏里州 蒙大拿 内布拉斯加州 内华达州 新罕布什尔州 新泽西州 新墨西哥州 纽约 北卡罗来纳州 北达科他州 俄亥俄州 奥克拉荷马 俄勒冈 宾夕法尼亚 罗德岛 南卡罗来纳州 南达科他州 田纳西州 得克萨斯州 犹他州 佛蒙特州 弗吉尼亚州 华盛顿 西弗吉尼亚州 威斯康星州 怀俄明州 选择一位参议员

首先，您应该确保您的单选按钮位于一个组中，并使用相同的名称

<input type="radio" id="SenatorSelect" name="namesGroup" form="usrform" value="Senators"></select>
<input type="radio" id="HouseSelect" name="namesGroup" form="usrform" value="Houses"></select>
<input onclick= id="StartButton" name="Start" type="button" value="Begin!" />

这是您的文档就绪事件处理程序

$(document).ready(function(){
    Do Ajax Call at start of page
});

原因是浏览器无法知道何时检查哪个输入被检查，除非您告诉它何时检查该值。函数的作用是：每次单击单选按钮时，jQuery.change（）都要检查该值

您的完整Javascript看起来类似于但不完全像：

$(document).ready(function() {

  $('.form').fadeIn(500);
  if ($('input[name="congresstype"]:checked', '#usrform').val() == $('#SenatorCheck').val()) 
{

$.ajax({
  type: "GET",
  url: "senators_cfm.xml",
  dataType: "xml",
  success: function(xml) {

    $('#StateSelect').change(function() {
      $('#SenatorSelect').empty();
      $('#HouseSelect').empty();
      var state = $(this).val();
      var select1 = $('#SenatorSelect');
      var SAD = $('#SenatorAddress');
      select1.append('<option value="Select a senator">Select a Senator</option>');
      $(xml).find('member').each(function() {
        if (state == $(this).find('state').text()) {
          var fname = $(this).find('first_name').text();
          var lname = $(this).find('last_name').text();
          select1.append("<option>" + fname + "&nbsp" + lname + "</option>");
          var saddress = $(this).find('address').text();
          SAD.val(saddress);

        }

      });

    });
  }

});
} else if ($('input[name="congresstype"]:checked', '#usrform').val() == $('#HouseCheck').val()) {

$.ajax({
  type: "GET",
  url: "MemberData.xml",
  dataType: "xml",
  success: function(xml) {

    $('#StateSelect').change(function() {
      $('#SenatorSelect').empty();
      $('#HouseSelect').empty();
      select1.empty();
      var state = $(this).val();
      var select1 = $('#SenatorSelect');
      var HAD = $('#HouseSelect');
      HAD.append('<option value="Select a House Representative">Select a House Representative</option>');
      $(xml).find('member-info').each(function() {
        if (state == $(this).find('state postal-code').text()) {
          var name = $(this).find('official-name').text();
          HAD.append(name);
          var saddress = $(this).find('address').text();
          HAD.val(saddress);

        }

      });

    });
  }
});
  }
  });

  $("input[name='congress-type']").change(function(e) {

  if ($(this).val() == 'Scheck') {

    alert('HI');

  } else {
alert('Coding is cool');
  }
});

$('#StartButton').click(function() {


$('.Step1').removeClass("Step1");


$('#class1').addClass("instructions");

$('#class1').removeClass('body');

$('#class1').removeClass('icon-menu');

});

$('#Step1Button').click(function() {
  $('.Step2').removeClass("Step2");
});

$('#Step2Button').click(function() {
  $('.Step3').removeClass("Step3");
});

$(document).ready(main);

$（文档）.ready（函数（）{
$（'.form'）.fadeIn（500）；
if（$（'input[name=“congresstype”]：checked'，'#usrform'）.val（）==$（'#SenatorCheck'）.val（））
{
$.ajax({
键入：“获取”，
url:“senators_cfm.xml”，
数据类型：“xml”，
成功：函数（xml）{
$（'#StateSelect'）。更改（函数（）{
$（'#SenatorSelect'）.empty（）；
$（'#house select'）.empty（）；
var state=$（this.val（）；
变量select1=$（'SenatorSelect'）；
var SAD=$（“#SenatorAddress”）；
select1.append（'Select a Senator'）；
$（xml）.find（'member'）.each（function（）{
if（state==$（this）.find（'state'）.text（））{
var fname=$（this）.find（'first_name'）.text（）；
var lname=$（this）.find（'last_name'）.text（）；
选择1.追加（“+fname+”+lname+”）；
var saddress=$（this.find（'address'）.text（）；
SAD.val（saddress）；
}
});
});
}
});
}如果（$（'input[name=“congresstype”]：checked'，'#usrform'）.val（）==$（'#HouseCheck'）.val（））{
$.ajax({
键入：“获取”，
url:“MemberData.xml”，
数据类型：“xml”，
成功：函数（xml）{
$（'#StateSelect'）。更改（函数（）{
$（'#SenatorSelect'）.empty（）；
$（'#house select'）.empty（）；
选择1.empty（）；
var state=$（this.val（）；
变量select1=$（'SenatorSelect'）；
var HAD=$（“#房屋选择”）；
HAD.追加（“选择众议院代表”）；
$（xml）.find（'member-info'）.each（function（）{
if（state==$（this）.find（'state posal code'）.text（））{
var name=$（this.find（'official-name'）.text（）；
HAD.追加（姓名）；
var saddress=$（this.find（'address'）.text（）；
夏娃（女萨德尔）；
}
});
});
}
});
}
});
$（“输入[name='congress-type']”）。更改（函数（e）{
if（$（this）.val（）=='Scheck'）{
警报（“HI”）；
}否则{
警报（“编码很酷”）；
}
});
$（“#开始按钮”）。单击（函数（）{
$（'.Step1'）.removeClass（“Step1”）；
$（'#class1'）.addClass（“说明”）；
$（“#class1”）.removeClass（'body'）；
$（“#class1”）.removeClass（'icon-menu'）；
});
$（“#Step1Button”）。单击（函数（）{
$（'.Step2'）.removeClass（“Step2”）；
});
$（#Step2Button'）。单击（函数（）{
$（'.Step3'）.removeClass（“Step3”）；
});
$（文件）.ready（主）；

---

我只使用了DocumentReady一次，在开始时，它将查找要检查的文档，并执行您告诉它的任何操作和方法。然后，在文档就绪之外，我添加了我的事件处理程序，浏览器仍将拾取它们

您必须为单选按钮的更改添加一个事件处理程序，它不会自动拾取，例如，$（'input:radio[name=“postage”]”）。change（function（）{first if statement…etc}但我的问题是，为什么它不会出现问题。收音机的价值不是在改变吗？这很有道理！很抱歉，我给出了错误的HTML。它现在已经更新。但是，在我添加处理程序后，两个下拉框都拒绝填充。在我添加它之前，第一个是。是的，您仍然需要准备文档的函数，以便它知道要填充什么o当页面第一次加载时…更改只会在您单击收音机按钮时触发抱歉，document ready函数已从灰色框中删除，它仍处于正常格式。您的javascript现在看起来如何

$(document).ready(function(){
    Do Ajax Call at start of page
});

$(document).ready(function() {

  $('.form').fadeIn(500);
  if ($('input[name="congresstype"]:checked', '#usrform').val() == $('#SenatorCheck').val()) 
{

$.ajax({
  type: "GET",
  url: "senators_cfm.xml",
  dataType: "xml",
  success: function(xml) {

    $('#StateSelect').change(function() {
      $('#SenatorSelect').empty();
      $('#HouseSelect').empty();
      var state = $(this).val();
      var select1 = $('#SenatorSelect');
      var SAD = $('#SenatorAddress');
      select1.append('<option value="Select a senator">Select a Senator</option>');
      $(xml).find('member').each(function() {
        if (state == $(this).find('state').text()) {
          var fname = $(this).find('first_name').text();
          var lname = $(this).find('last_name').text();
          select1.append("<option>" + fname + "&nbsp" + lname + "</option>");
          var saddress = $(this).find('address').text();
          SAD.val(saddress);

        }

      });

    });
  }

});
} else if ($('input[name="congresstype"]:checked', '#usrform').val() == $('#HouseCheck').val()) {

$.ajax({
  type: "GET",
  url: "MemberData.xml",
  dataType: "xml",
  success: function(xml) {

    $('#StateSelect').change(function() {
      $('#SenatorSelect').empty();
      $('#HouseSelect').empty();
      select1.empty();
      var state = $(this).val();
      var select1 = $('#SenatorSelect');
      var HAD = $('#HouseSelect');
      HAD.append('<option value="Select a House Representative">Select a House Representative</option>');
      $(xml).find('member-info').each(function() {
        if (state == $(this).find('state postal-code').text()) {
          var name = $(this).find('official-name').text();
          HAD.append(name);
          var saddress = $(this).find('address').text();
          HAD.val(saddress);

        }

      });

    });
  }
});
  }
  });

  $("input[name='congress-type']").change(function(e) {

  if ($(this).val() == 'Scheck') {

    alert('HI');

  } else {
alert('Coding is cool');
  }
});

$('#StartButton').click(function() {


$('.Step1').removeClass("Step1");


$('#class1').addClass("instructions");

$('#class1').removeClass('body');

$('#class1').removeClass('icon-menu');

});

$('#Step1Button').click(function() {
  $('.Step2').removeClass("Step2");
});

$('#Step2Button').click(function() {
  $('.Step3').removeClass("Step3");
});

$(document).ready(main);