jquery函数应该根据选中的单选值在页面加载时隐藏/显示框

jquery函数应该根据选中的单选值在页面加载时隐藏/显示框,jquery,radio-button,onload,checked,Jquery,Radio Button,Onload,Checked,我有以下JSFIDLE设置: 基本上,除了加载页面时,以及如果检查了值audi,则应隐藏div引擎(或者如果该值不是audi,则应显示div),所有操作都正常。如果您有任何帮助,我们将不胜感激 谢谢您首先需要隐藏div。我建议您使用CSS进行此操作,并在适当的时候使用JS显示div,但是如果您必须使用JS,您可以这样做(从您的小提琴上): 它以前不起作用的原因是,查看所选内容的检查在单选按钮的单击处理程序中。首先要隐藏div。我建议您使用CSS进行此操作,并在适当的时候使用JS显示div,但是

我有以下JSFIDLE设置:

基本上,除了加载页面时,以及如果检查了值audi,则应隐藏div引擎(或者如果该值不是audi,则应显示div),所有操作都正常。如果您有任何帮助,我们将不胜感激


谢谢

您首先需要隐藏div。我建议您使用CSS进行此操作,并在适当的时候使用JS显示div,但是如果您必须使用JS,您可以这样做(从您的小提琴上):


它以前不起作用的原因是,查看所选内容的检查在单选按钮的单击处理程序中。

首先要隐藏div。我建议您使用CSS进行此操作,并在适当的时候使用JS显示div,但是如果您必须使用JS,您可以这样做(从您的小提琴上):

它以前不起作用的原因是,检查单选按钮的单击处理程序中是否有所选内容。

我更新了这些

  • 在无线电值中使用实际值
  • 单击()以更改()
  • 在开始时调用change(),以便在执行任何操作之前调用更改效果
  • 我更新了这些

  • 在无线电值中使用实际值
  • 单击()以更改()
  • 在开始时调用change(),以便在执行任何操作之前调用更改效果

  • Oops刚刚意识到,我需要根据id而不是名称进行检查,这是可能的吗?不用担心,得到了:var value=$(“input:radio[name$='cartype']:checked”).attr('id');由于应用程序的结构,必须使用id。感谢您的帮助,我需要根据id而不是名称进行检查。这可能吗?不用担心,知道了:var value=$(“input:radio[name$='cartype']:checked”).attr('id');由于应用程序的结构,必须使用id。谢谢你的帮助没问题。在纠正问题方面,他确实做得更多:)没问题。在纠正问题方面,他确实做得更多:)
    $(document).ready(function(){
        $("#engine").hide();
        $("input[name$='cartype']").click(function(){
            var value = $(this).attr('id');
            alert(value);
            if(value!='audi') {
                $("#engine").show();
            }else if(value=='audi') {
                $("#engine").hide();
            }
        });
    });