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

【问题标题】：jquery function should hide / show box on page load depending on checked radio valuejquery 函数应根据选中的单选值隐藏/显示页面加载框
【发布时间】：2011-12-26 16:55:07
【问题描述】：

我有以下 jsfiddle 设置：

http://jsfiddle.net/eyTBZ/2/

基本上几乎一切正常，除了页面加载时，如果检查了 audi 值，则应该隐藏 div 引擎（或者如果值不是 audi，则应该显示 div）。如有任何帮助，我们将不胜感激。

谢谢

【问题讨论】：

标签： jquery radio-button onload checked

【解决方案1】：

您首先需要隐藏 div。我建议使用 CSS 执行此操作，并在适当时使用 JS 显示 div，但如果您必须使用 JS，您可以这样做（来自您的小提琴）：

$(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();
        }
    });
});

它之前不起作用的原因是因为您检查所选择的内容是在单选按钮的单击处理程序内部。

【讨论】：

没问题。就纠正问题而言，他当然做得更多:)

【解决方案2】：

http://jsfiddle.net/eyTBZ/5/

我更新了这些。

在无线电值中使用实际值。
点击（）改变（）
在开始时调用 change() 以在执行任何操作之前调用更改效果

【讨论】：

哎呀我才意识到，我需要根据 id 而不是 name 进行检查，这可能吗？
不用担心得到它：var value = $("input:radio[name$='cartype']:checked").attr('id');必须使用 id 只是因为应用程序的结构。感谢您的帮助