Question

有一个收音机的形式，我穿着jquery和CSS。现在我想对它做更多的jquery，但是当我运行这两个代码时，一旦收音机被选中，li就不会关闭。一旦你点击无线电比特，李应该关闭。还需要告诉它执行以下操作：使用input = name“radio_selected”选择无线电交换机。这样隐藏的li中选定的无线电将移出隐藏的li和交换位置，并且不会隐藏在页面上。

$("input[name='domain_ext']").each(function() { 
     $("#radio_select").attr('checked', 'checked'); 
     var lbl = $(this).parent("label").text(); 
     if ($(this).prop('checked')) { 
      $(this).hide(); 
      $(this).after("<div class='radioButtonOn'>" + lbl + "</div>"); 
     } else { 
      $(this).hide(); 
      $(this).after("<div class='radioButtonOff'>" + lbl + "</div>"); 
     } 
    }); 

    $("input[type=radio]").change(function() { 
     $(this).siblings('.radioButtonOff').add('.radioButtonOn').toggleClass('radioButtonOff radioButtonOn'); 
    }); 



    $('div.ribbonBoxarrow').click(function() { 
      $('.ribbonBoxarrow li').show('medium'); 
      return false; 
     }); 
// once you leave the div (which is contained in the above li hide. 
     $('.ribbonBoxtab').mouseleave(function() { 
      $('.ribbonBoxarrow li').hide('slow'); //missing . 
      return false; 
     }); 
//if a radio buttn is clicked the hide li 
     $("input[name='domain_ext']").click(function() { //changed .each to .click 
      $('.ribbonBoxarrow li').hide('slow'); //missing . 
      return false; 
     }); 

Answer 1

$("input[name='domain_ext']").each(function() { 
     $("#radio_select").attr('checked', 'checked'); 
     var lbl = $(this).parent("label").text(); 
     if ($(this).prop('checked')) { 
      $(this).hide(); 
      $(this).after("<div class='radioButtonOn'>" + lbl + "</div>"); 
     } else { 
      $(this).hide(); 
      $(this).after("<div class='radioButtonOff'>" + lbl + "</div>"); 
     } 
    }); 

    $("input[type=radio]").change(function() { 
     $(this).siblings('.radioButtonOff').add('.radioButtonOn').toggleClass('radioButtonOff radioButtonOn'); 
    }); 



    $('div.ribbonBoxarrow').click(function() { 
      $('.ribbonBoxarrow li').show('medium'); 
      return false; 
     }); 
// once you leave the div (which is contained in the above li hide. 
     $('.ribbonBoxtab').mouseleave(function() { 
      $('.ribbonBoxarrow li').hide('slow'); //missing . 
      return false; 
     }); 
//if a radio buttn is clicked the hide li 
     $("input[name='domain_ext']").parent('label').click(function() { //changed .each to .click 
      $('.ribbonBoxarrow li').hide('slow'); //missing . 
      return false; 
     });