Показать сообщение отдельно
  #1 (permalink)  
Старый 10.02.2017, 12:03
Новичок на форуме
Отправить личное сообщение для Маша_92 Посмотреть профиль Найти все сообщения от Маша_92
 
Регистрация: 21.10.2014
Сообщений: 3

Выделить, пере выделить нужные
Всем привет.

Не могу решить, пишу сюда, прошу помощи.

У меня есть 3 ссылки (1 ссылка, 2 ссылка, 3 ссылка)

<a href="#" class="view" value="1">1 ссылка</a>
<a href="#" class="view" value="4">2 ссылка</a>
<a href="#" class="view" value="8">3 ссылка</a>

Также у меня есть checkbox 8 штук
<input type="checkbox" name="1">
<input type="checkbox" name="2">
<input type="checkbox" name="3">
<input type="checkbox" name="4">
<input type="checkbox" name="5">
<input type="checkbox" name="6">
<input type="checkbox" name="7">
<input type="checkbox" name="8">

и есть мой любимый джиквери

$('.view').on('click',function()
{
	var num = $(this).attr('value');
	
	for(i = 1; i <= num; i++)
	{
		$(':checkbox[name='+i+']').attr('checked',true);	
	}
});

Что у меня сейчас

при нажатие на "1 ссылка" у меня выделяется "name="1"
при нажатие на "2 ссылка" у меня выделяется с "name="1" по "name="4"
при нажатие на "3 ссылка" у меня выделяется с "name="1" по "name="8"

У меня не получается сбрасывать checked
То есть когда я нажимаю на "3 ссылка" а потом на "1 ссылка" у меня остаются помеченные все checkbox
Понимаю что нужно как то снять все галочки перед новым click и тут же не понимаю

После клика снимаю все галочки и хочу заново выделить другие checkbox. Цикл for уже не срабатывает

$('.view').on('click',function()
{
	$('input').attr('checked', false);//снимаю все галочки

	var num = $(this).attr('value');
	
	for(i = 1; i <= num; i++)//не срабатывает
	{
		$(':checkbox[name='+i+']').attr('checked',true);	
	}
});

Прошу помочь с данным вопросом.

Последний раз редактировалось Маша_92, 10.02.2017 в 12:11.
Ответить с цитированием