1

Web 开发的新手,并且已经比我可以用这个特定的代码咀嚼更多。

我昨天问了一个关于它的问题,并且已经让它工作了大约 50%,答案是jquery show/hide element on multiple radio button selection

我要做的是根据收音机选择显示/隐藏一个贝宝按钮,因此客户将从类别 1 中选择一个选项,从类别 2 中选择一个选项,从类别 3 中选择一个选项。我的代码got 对第三个选项的选择采取行动,检查已检查的其他内容并显示与该选择相关的 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();

   }

   });  
4

0 回答 0