Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.03.2012, 13:28
MCB MCB вне форума
Аспирант
Отправить личное сообщение для MCB Посмотреть профиль Найти все сообщения от MCB
 
Регистрация: 30.10.2011
Сообщений: 37

Как выделить нужные checkbox одним кликом?
Есть массив

<input type="checkbox" name="checkbox[1]" value="11">
<input type="checkbox" name="checkbox[2]" value="22">
<input type="checkbox" name="checkbox[3]" value="33">


<input type="checkbox" name="all" value="">Все

Как сделать, чтобы при нажатии 'Все' помечались именно эти 3 пункта?

Просьба дать код
Ответить с цитированием
  #2 (permalink)  
Старый 11.03.2012, 13:46
Профессор
Отправить личное сообщение для nikita.mmf Посмотреть профиль Найти все сообщения от nikita.mmf
 
Регистрация: 01.02.2010
Сообщений: 364

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.
Ответить с цитированием
  #3 (permalink)  
Старый 11.03.2012, 14:15
MCB MCB вне форума
Аспирант
Отправить личное сообщение для MCB Посмотреть профиль Найти все сообщения от MCB
 
Регистрация: 30.10.2011
Сообщений: 37

Да я пробую, не получается, вот что



<form name="form1" method="post" action="">
<input type="checkbox" name="total" value="checkbox" onClick="checkAll(this.form,'checkbox[]',this.checked)">Отметить все

<input type="checkbox" name="checkbox[1]" value="checkbox">1
<input type="checkbox" name="checkbox[2]" value="checkbox">2
<input type="checkbox" name="checkbox[2]" value="checkbox">3
</form>


это я пытался немного переделать скрипт, если просто checkbox[] то работало


<script type="text/javascript">
function checkAll(oForm, cbName, checked)
{
oForm.checkbox[1].checked = checked;
oForm.checkbox[2].checked = checked;
oForm.checkbox[3].checked = checked;
}
</script>
Ответить с цитированием
  #4 (permalink)  
Старый 11.03.2012, 15:07
Профессор
Отправить личное сообщение для nikita.mmf Посмотреть профиль Найти все сообщения от nikita.mmf
 
Регистрация: 01.02.2010
Сообщений: 364

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript">
	function getForm( elem ) {
		if ( elem.form ) return elem.form;
		var form = elem.parentNode;
		while ( form && form.nodeName.toLowerCase() != 'form' ) {
			form = form.parentNode;
		}
		return (elem.form = form);
	}
	function checkAll( oForm, reName, checked ){
		if ( !oForm ) return;
		var inputList = oForm.getElementsByTagName("input");
		for ( var i = 0, elem; (elem = inputList[i++] ); ) {
			if ( elem.type == 'checkbox' && reName.test( elem.name) ) {
				elem.checked = checked;
			}
		}
	}
	</script>
</head>
<body>
	<form action="">
		<ul>
			<li><input type="checkbox" name="total" onclick="checkAll( this.form || getForm(this), /checkbox\[\d+\]/, this.checked )"> Check(Uncheck) All</li>
			<li><input type="checkbox" name="checkbox[0]"/> 1</li>
			<li><input type="checkbox" name="checkbox[1]"/> 2</li>
			<li><input type="checkbox" name="checkbox[2]"/> 3</li>
			<li><input type="checkbox" name="checkbox[3]"/> 4</li>
			<li><input type="checkbox" name="checkbox[4]"/> 5</li>
		</ul>
	</form>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 11.03.2012, 16:38
MCB MCB вне форума
Аспирант
Отправить личное сообщение для MCB Посмотреть профиль Найти все сообщения от MCB
 
Регистрация: 30.10.2011
Сообщений: 37

Спасибо, Вы очень помогли!

Последний раз редактировалось MCB, 11.03.2012 в 16:43.
Ответить с цитированием
  #6 (permalink)  
Старый 11.03.2012, 17:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

MCB,
Вариант ...
<!DOCTYPE html>
<html>
<head>
  <title></title>
<script type="text/javascript">
function checkAll(oForm,checked)
{
oForm['checkbox[1]'].checked = checked;
oForm['checkbox[2]'].checked = checked;
oForm['checkbox[3]'].checked = checked;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="checkbox" name="total" value="checkbox" onClick="checkAll(this.form,this.checked)">Отметить все
<input type="checkbox" name="checkbox[1]" >1
<input type="checkbox" name="checkbox[2]" >2
<input type="checkbox" name="checkbox[3]" >3
</form>
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 11.03.2012, 18:11
MCB MCB вне форума
Аспирант
Отправить личное сообщение для MCB Посмотреть профиль Найти все сообщения от MCB
 
Регистрация: 30.10.2011
Сообщений: 37

рони, спасибо, я все думал, что все не подходит, кучу вариантов испробовал
Ответить с цитированием
  #8 (permalink)  
Старый 11.03.2012, 22:27
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

на jquery красивее
<!DOCTYPE html>
<html>
<head>
<title></title>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
	$(function () {
		$('input[name="total"]').change(function () {
			$(this).siblings('input').prop('checked', this.checked);      
		});
	});
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="checkbox" name="total">Отметить все
<input type="checkbox" name="checkbox[1]" >1
<input type="checkbox" name="checkbox[2]" >2
<input type="checkbox" name="checkbox[3]" >3
</form>
</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите как создать checkbox lor08 jQuery 5 18.08.2010 21:00
как посчитать сумму выбранных элементов checkbox nikimak92 Общие вопросы Javascript 9 01.06.2010 10:16
вставка картинок одним кликом MegaGoblin Общие вопросы Javascript 12 25.03.2010 13:20
как выделить последующий тег/блок? kodiua jQuery 4 19.02.2010 20:41
Как выделить нужный текст? povter3091 Элементы интерфейса 2 03.11.2009 20:34