При клике на ссылку изменить значение radio checked
Есть вот такие ссылки
<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? |
deadfox,
а порядок тех и других можно сделать одинаковым, или как узнать связь ссылки и input ? |
Да, порядок может быть одинаковым, я просто криво скопировал
|
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>
|
| Часовой пояс GMT +3, время: 21:38. |