Форум

deadfox · #1 (**permalink**) 17.03.2017, 13:25

Есть вот такие ссылки

<ul class='tabs widget-tabs-nav ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all'>
	<li class= 'ui-state-default ui-corner-top'><a href='javascript:void(0)'>Темы</a></li>
	<li class= 'ui-state-default ui-corner-top'><a href='javascript:void(0)'>Разделы</a></li>
</ul>

и есть такие преключатели

<label><input type="radio" name="type" value="follow_channel" ><span>Разделы</span></label>
<label><input type="radio" name="type" value="follow_contents" ><span>Темы</span></label>

Как сделать с помощью jqury так, что бы при нажатии на ссылку переключатель становился checked?

рони · #2 (**permalink**) 17.03.2017, 13:47

deadfox,
а порядок тех и других можно сделать одинаковым, или как узнать связь ссылки и input ?

deadfox · #3 (**permalink**) 17.03.2017, 13:59

Да, порядок может быть одинаковым, я просто криво скопировал

рони · #4 (**permalink**) 17.03.2017, 14:09

deadfox,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  var a = $('.tabs a'), inp = $('[name="type"]');
  a.each(function(indx, el){
        $(el).on("click",function(event) {
          event.preventDefault();
          inp[indx].checked = true
    })
  });
});
  </script>
</head>

<body>
<ul class='tabs widget-tabs-nav ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all'>
  <li class= 'ui-state-default ui-corner-top'><a href='javascript:void(0)'>Темы</a></li>
  <li class= 'ui-state-default ui-corner-top'><a href='javascript:void(0)'>Разделы</a></li>
</ul>
<label><input type="radio" name="type" value="follow_contents" ><span>Темы</span></label>
<label><input type="radio" name="type" value="follow_channel" ><span>Разделы</span></label>



</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript