выбор всех check без привязки к name
Есть чеки с одинаковым именем, но разделены они на несколько частей, разделены будет как пример дивами с определенными класами или ид. Как мне сделать для каждой части один чек, по которому будут выбирать все чеки в данном диве
|
Цитата:
|
Верно делаю? Это пока не получается :(
<script type="text/javascript">
function checkAllOne(formName, checkboxName, varChecked) {
var tablinks = document.getElementById('one').getElementsByTagName('input');
for (var i = 0, j = tablinks.length; i < j; i++) {
formName[checkboxName][i].checked = varChecked;
}
}
</script>
<input type="checkbox" name="total" onClick="checkAllOne(this.form,'phone[]',this.checked)" /> <div id='one'> <input type='checkbox' name='phone[]' /> </div> |
Цитата:
|
Я специально сделал минимум, чтобы удобней читать
<script type="text/javascript">
function checkAllOne(formName, checkboxName, varChecked) {
var tablinks = document.getElementById('one').getElementsByTagName('input');
for (var i = 0, j = tablinks.length; i < j; i++) {
formName[checkboxName][i].checked = varChecked;
}
}
function checkAllTwo(formName, checkboxName, varChecked) {
var tablinks = document.getElementById('one').getElementsByTagName('input');
for (var i = 0, j = tablinks.length; i < j; i++) {
formName[checkboxName][i].checked = varChecked;
}
}
</script>
<input type="checkbox" name="total" onClick="checkAllOne(this.form,'phone[]',this.checked)" />Выбрать все <div id='one'> <input type='checkbox' name='phone[]' /> <input type='checkbox' name='phone[]' /> <input type='checkbox' name='phone[]' /> </div> <input type="checkbox" name="total" onClick="checkAllTwo(this.form,'phone[]',this.checked)" />Выбрать все <div id='two'> <input type='checkbox' name='phone[]' /> <input type='checkbox' name='phone[]' /> <input type='checkbox' name='phone[]' /> </div> |
Цитата:
|
SLameN,
у вас формы в макете нет
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script type="text/javascript">
function checkAllOne(formName, checkboxName, varChecked) {
var tablinks = formName[checkboxName];
if(tablinks.length) {
for (var i = 0, j = tablinks.length; i < j; i++) {
tablinks[i].checked = varChecked;
} }
else tablinks.checked = varChecked
}
</script>
</head>
<body><form action="http://">
<input type="checkbox" name="total" onClick="checkAllOne(this.form,'phone[]',this.checked)" />
<div id='one'>
<input type='checkbox' name='phone[]' />
</div>
</form>
</body>
</html>
|
рони,
Спасибо за желание помочь! Выделяет все чеки, а мне нужно, чтобы внутри дива только |
Такой вот вариант для затравки...
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function () {
$('[name="total"]').click(function (){
var o=$(this).next().find('input:checkbox').click();
});
});
</script>
</head>
<body>
<input type="checkbox" name="total" />Выбрать все
<div id='one'>
<input type='checkbox' name='phone[]' />
<input type='checkbox' name='phone[]' />
<input type='checkbox' name='phone[]' />
</div>
<input type="checkbox" name="total" />Выбрать все
<div id='two'>
<input type='checkbox' name='phone[]' />
<input type='checkbox' name='phone[]' />
<input type='checkbox' name='phone[]' />
</div>
</body>
</html>
|
Цитата:
|
| Часовой пояс GMT +3, время: 21:46. |