Функция jquery должна скрывать / показывать поле при загрузке страницы в зависимости от установленного значения радио

Question

У меня есть следующие настройки jsfiddle:

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

В основном почти все работает, кроме того, когда страница загружается и если проверяется значение audi, тогда механизм div должен бытьскрытый (или если значение не audi, div должен отображаться).Буду признателен за любую помощь в получении этой работы.

Спасибо

Answer 1

Вы захотите спрятать div для начала.Я бы рекомендовал делать это с CSS и показывать div с JS, когда это уместно, но если вам нужно использовать 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();
        }
    });
});

Причина, по которой это не былораньше вы не работали, потому что ваша проверка на то, что было выбрано, была внутри обработчика щелчков для переключателей.

Answer 2

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

Я обновил их.

1. Используются фактические значения в значении радиосвязи.
2. щелкните (), чтобы изменить ()
3. Вызывается change () в начале, чтобы вызвать эффект изменения, прежде чем делать что-либо