Блог

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

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

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

Спасибо

Для начала вам нужно скрыть 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();
        }
    });
});
  

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

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

Я обновил их.

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