Jquery秀隐藏在多个单选按钮上

时间:2012-10-02 23:45:35

标签: jquery forms hide show show-hide

对于Web开发来说是新手,并且已经咬过了比我特定代码所能咀嚼的更多的东西。

我昨天问了一个问题,并且已经让它在约50%的路上工作jquery show/hide element on multiple radio button selection

我要做的是根据无线电选择显示/隐藏贝宝按钮, 因此,客户将从类别1中选择一个选项,从类别2中选择一个选项,从类别3中选择一个选项。我选择的第三个选项的代码,检查已检查的其他选项并显示paypal与该选择相关的按钮。

所有我有35个按钮,在这个特定的页面上我正在使用8 http://infernodesign.co.nz/tempfiles/csl-dev/buy-online-half.php这里有一个jsfiddle http://jsfiddle.net/spikeyheadedfreak/WwQW5/

问题是在完成三个无线电组合并显示与其相关的按钮后,如果我更改了三个中的前两个选项中的任何一个,它将不会更改按钮,因此如果客户改变了主意点击第三个单选按钮后,他们不能。

这是我用过的jquery的一个例子,很好,我是这个哈哈的新手

      $('input:radio[value="Bone-and-Rolled-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked')  && $('#loin-one-nolsette').is(':checked') ) {
            $('#submit,#button29,#button30,#button31,#button32,#button33,#button34,#button35').hide();
     $('#button28').show();

   }

   });  


  $('input:radio[value="French-Danish-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked')  && $('#loin-one-nolsette').is(':checked') ) {
             $('#submit,#button28,#button30,#button31,#button32,#button33,#button34,#button35').hide();
     $('#button29').show();

   }

   });  



          $('input:radio[value="Bone-and-Rolled-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked')  && $('#loin-one-backstrap').is(':checked') ) {
            $('#submit,#button28,#button29,#button31,#button32,#button33,#button34,#button35').hide();
     $('#button30').show();

   }

   });  


  $('input:radio[value="French-Danish-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-carvery').is(':checked')  && $('#loin-one-backstrap').is(':checked') ) {
             $('#submit,#button28,#button29,#button30,#button32,#button33,#button34,#button35').hide();
     $('#button31').show();

   }

   });  





          $('input:radio[value="Bone-and-Rolled-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked')  && $('#loin-one-nolsette').is(':checked') ) {
            $('#submit,#button28,#button29,#button30,#button31,#button33,#button34,#button35').hide();
     $('#button32').show();

   }

   });  


  $('input:radio[value="French-Danish-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked')  && $('#loin-one-nolsette').is(':checked') ) {
             $('#submit,#button28,#button29,#button30,#button31,#button32,#button34,#button35').hide();
     $('#button33').show();

   }

   });  

          $('input:radio[value="Bone-and-Rolled-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked')  && $('#loin-one-backstrap').is(':checked') ) {
            $('#submit,#button28,#button29,#button30,#button31,#button32,#button33,#button35').hide();
     $('#button34').show();

   }

   });  


  $('input:radio[value="French-Danish-half"]').change(
  function(){
      if ($(this).is(':checked') && $('#leg-one-butterfly').is(':checked')  && $('#loin-one-backstrap').is(':checked') ) {
             $('#submit,#button28,#button29,#button30,#button31,#button32,#button33,#button34').hide();
     $('#button35').show();

   }

   });  

0 个答案:

没有答案