Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выделить все checkbox с помощью jquery (https://javascript.ru/forum/jquery/22649-vydelit-vse-checkbox-s-pomoshhyu-jquery.html)

Alyona 27.10.2011 16:49
Выделить все checkbox с помощью jquery
 
Здравствуйте.
Помогите мне пожалуйста. Мне нужно на странице кликом по кнопке выделить все чекбоксы. Я нашла уже кучу кода на jquery, но проблема в том, что мои чекбоксы - это элементы CCheckBoxColumn.
Вот код на странице:

$this->widget('zii.widgets.grid.CGridView', array(
'id'=>'googlekey-grid',
'dataProvider'=>$model->search(),
'columns'=>array(

'keyword',
array(
'header'=>'Удалить',
'class'=>'CCheckBoxColumn',
'selectableRows'=>'1',
'id'=>'$data[id]',
'value'=>'$data["id"]',
),
),
));

Если прописать так:

'header'=>'Удалить',
'class'=>'CCheckBoxColumn',
'selectableRows'=>'1',
'id'=>'$data[id]',
'value'=>'$data["id"]',
'checked' => 'checked',

то они будут все выделены сразу при загрузке страницы, а мне нужно, чтобы выделялись по нажатию кнопки.
Подскажите.
Спасибо.

Alyona 27.10.2011 17:26
все равно не пашет

ksa 27.10.2011 23:26
Цитата:
Сообщение от Alyona
Мне нужно на странице кликом по кнопке выделить все чекбоксы.
Как вариант...

<!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">
$(document).ready(function(){
	$('button').click(function() { 
		$(':checkbox').attr('checked',true);
	});
});
</script>
</head>
<body>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<hr />
<button>Go</button>
</body>
</html>

Alyona 28.10.2011 10:20
У меня не просто checkbox, а CCheckboxColumn. Ладно, я разберусь, походу знаю, где ошибка.

ksa 28.10.2011 10:20
Цитата:
Сообщение от Alyona
У меня не просто checkbox, а CCheckboxColumn.
Это что за зверь? :blink:

Alyona 28.10.2011 12:59
Этот CCheckBoxColumn ломает мне мозг. Ну черт с ним.

Не могли бы вы подсказать мне еще кое-что:

<?= CHtml::beginForm($this->createUrl("такой-то"),'post',array('enctype'=>'multipart/form-data')); ?>

.......... такой-то код

<?=CHtml::submitButton('Выполнить',array( 'id'=>'submit')); ?></div>
<?=CHtml::endForm(); ?>

Можно ли сделать в этой beginForm 2 кнопки submitButton? И чтобы, кликая по ним, разные действия совершались?

ksa 28.10.2011 13:41
Alyona, откуда ты всю эту белиберду берёшь? :D Может тебе пора на свой профильный форум?
Этому точно не место в разделе "jQuery" форума JavaScript...

Alyona 28.10.2011 13:55
Ну нет, так нет.

Alyona 28.10.2011 13:57
Просто у меня код jquery из-за этого и не работает.

ksa 28.10.2011 14:35
Цитата:
Сообщение от Alyona
Просто у меня код jquery из-за этого и не работает.
Я пока не видел у тебя никакого "кода jquery"... Как в прочем и хтмэля... :(

Alyona 28.10.2011 14:39
$(document).ready(function() {
$('#check_all').click(function(){
$('.CCheckBoxColumn').attr('checked','checked');
});
});

Вот мой код.

ksa 28.10.2011 14:44
Цитата:
Сообщение от Alyona
Вот мой код.
А где сами чекбоксы с классом CCheckBoxColumn?

ksa 28.10.2011 14:45
Вот мой пример - таки работает! :)

<!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">
$(document).ready(function(){
	$('button').click(function() { 
		$('.CCheckBoxColumn').attr('checked',true);
	});
});
</script>
</head>
<body>
<input class='CCheckBoxColumn' type="checkbox" />
<input class='CCheckBoxColumn' type="checkbox" />
<input class='CCheckBoxColumn' type="checkbox" />
<input class='CCheckBoxColumn' type="checkbox" />
<input class='CCheckBoxColumn' type="checkbox" />
<hr />
<button>Go</button>
</body>
</html>

Alyona 28.10.2011 14:50
<?= CHtml::beginForm($this->createUrl("..."),'post',array('enctype'=>'multipa rt/form-data')); ?>

<?php

$this->widget('zii.widgets.grid.CGridView', array(
'id'=>'...',
'dataProvider'=>$model->search(),
'columns'=>array(

'keyword',
'trans_made',
array(
'header'=>'...',
'name'=>'name',
'type'=>'raw',
),
'pos',

array(
'header'=>'...',
'name'=>'name1',
'type'=>'raw',
),


array(
'header'=>'Удалить',
'class'=>'CCheckBoxColumn', - вот они
'selectableRows'=>'1',
'id'=>'$data[id]',
'value'=>'$data["id"]',

),
),
)); ?>

<div style="float:right"><?=CHtml::submitButton('Вып олнить',array('id'=>'submit','onclick'=>"ret urn confirm('Вы уверены?');")); ?></div>

<?php
$cs=Yii::app()->getClientScript();
$cs->registerCoreScript("jquery");
$cs->registerScriptFile("/js/googlekey.js");
?>

<div style="float:right"><button id="check_all"> Выделить все </button></div>

<?=CHtml::endForm(); ?>

ksa 28.10.2011 14:53
Всё... Я умываю руки... :lol:

Alyona 28.10.2011 14:54
Ну ладно

nikitakls 17.01.2012 11:44 
$this->widget('zii.widgets.grid.CGridView', array(
	'id'=>'googlekey-grid',
	'dataProvider'=>$model->search(),
	'columns'=>array(

		'keyword',
		array(
			'header'=>'Удалить',
			'class'=>'CCheckBoxColumn',
			'selectableRows'=>1000,
			'id'=>'$data[id]',
			'value'=>'$data["id"]',
	),
	),
));

Ваш код на PHP сделайте таким и Yii автоматом сделает галочку для выделения всех checkbox


Часовой пояс GMT +3, время: 02:21.