Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.01.2016, 14:13
Интересующийся
Отправить личное сообщение для seahunter Посмотреть профиль Найти все сообщения от seahunter
 
Регистрация: 15.12.2015
Сообщений: 10

Зависимые radio buttons
Доброго времени суток, ув. сообщество. Возникла трудность.
Суть проблемы: Есть 2 блока radio button-ов. Нужно сделать их зависимыми, т.е. если выбрать в первом блоке 1-ю или 2-ю кнопку, то во втором блоке должна выбираться первая кнопка. А если выбрать 3-ю, то во втором должна выбираться 2-ая. Вот пример кода который сейчас есть, но он не корректно работает. Задача вроде бы не сложная, но не могу решить.
Использую библиотеку jQuery
<div class="conteiner-fluid">
    <div class="row">
        <div id="block1">
                <input type="radio" name="radio1" class="other">Lorem ipsum dolor sit amet.<br>
                <input type="radio" name="radio1" class="other">Lorem ipsum dolor sit amet.<br>
                <input type="radio" name="radio1" class="np">Lorem ipsum dolor sit amet.<br>
        </div>
        <br>
        <div class="row" id="block2">
            <input type="radio" name="radio2" class="cheque">Lorem ipsum dolor sit amet.<br>
            <input type="radio" name="radio2" class="cod">Lorem ipsum dolor sit amet.<br>
        </div>
        
    </div>
</div>

$(document).ready(function() {      
   $(".other").on('change', function(){
        if($(".other").prop('checked')) {
            //$(".cod").removeAttr('checked');
            $(".cheque").('checked', true);
        }
    });        

    $(".np").on('change', function(){
        if($(".np").prop('checked')) { 
            //$(".cheque").removeAttr('checked');            
            $(".cod").attr('checked', true);
            
        }
    });
});
Ответить с цитированием
  #2 (permalink)  
Старый 12.01.2016, 14:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

seahunter,
а Сайт Javascript.ru тут причём? других тем типа jquery или Общие вопросы Javascript не заметили? сидите тут не дублируйте но помните.
Ответить с цитированием
  #3 (permalink)  
Старый 12.01.2016, 14:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

seahunter,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    $(".other").on("click", function() {
        $(".cheque").prop("checked", true)
    });
    $(".np").on("click", function() {
        $(".cod").prop("checked", true)
    })
});
  </script>
</head>

<body>
<div class="conteiner-fluid">
    <div class="row">
        <div id="block1">
                <input type="radio" name="radio1" class="other">Lorem ipsum dolor sit amet.<br>
                <input type="radio" name="radio1" class="other">Lorem ipsum dolor sit amet.<br>
                <input type="radio" name="radio1" class="np">Lorem ipsum dolor sit amet.<br>
        </div>
        <br>
        <div class="row" id="block2">
            <input type="radio" name="radio2" class="cheque">Lorem ipsum dolor sit amet.<br>
            <input type="radio" name="radio2" class="cod">Lorem ipsum dolor sit amet.<br>
        </div>

    </div>
</div>

</body>

</html>
Ответить с цитированием
  #4 (permalink)  
Старый 12.01.2016, 14:48
Интересующийся
Отправить личное сообщение для seahunter Посмотреть профиль Найти все сообщения от seahunter
 
Регистрация: 15.12.2015
Сообщений: 10

Прошу прощения.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить radio button через изображение Jeick9 Events/DOM/Window 1 10.03.2015 05:57
Отображение определенных элементов таблицы при нажатии на radio Kichiro Элементы интерфейса 2 04.12.2014 18:05
Проблема radio button с кроссбраузерностью shkarbatov Javascript под браузер 0 28.07.2011 10:55
radio buttons ams jQuery 1 24.03.2011 23:50
выполнение ф-ии при изменении состояния radio MaxB Events/DOM/Window 5 24.06.2009 14:24