08.06.2015, 12:42
|
|
Кандидат Javascript-наук
|
|
Регистрация: 13.12.2013
Сообщений: 110
|
|
|
checkbox решаем что делать
Привет всем. Что то я облазил поисковики и не нашел нормальной инфы.
У меня вопрос в следующем. Хотелось б все сделать на JS без Query.
Есть <input type="checkbox" class="fl_select" iid="'.$row["id"].'" '.$fl_select.'/>
Необходимо при клике определить стоит ли галочка или нет
Это для того чтобы решить какой запрос выполнить.
Пример кликнули по checkbox если стоит галочка высветилось сообщение стоит , если нет то сообщить что нет.
И при сообщении сменить checkbox. Если он был включен то выключить потом , если выключен то включить.
|
|
08.06.2015, 13:49
|
 |
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,123
|
|
|
Сообщение от biryukovm
|
Что то я облазил поисковики и не нашел нормальной инфы.
Хотелось б все сделать на JS без Query.
Есть
<input type="checkbox" class="fl_select" iid="'.$row["id"].'" '.$fl_select.'/>
Необходимо при клике определить стоит ли галочка или нет
|
Х/з где ты там лазил...  Но есть событие onclick оно и поможет тебе в решении.  |
|
08.06.2015, 14:46
|
|
Интересующийся
|
|
Регистрация: 07.06.2015
Сообщений: 26
|
|
|
Сообщение от ksa
|
|
Но есть событие onclick оно и поможет тебе в решении
|
А конкретно? Как оно может помочь, если оно совпадает с изменением чекбокса, и, фактически, имеет мЕньший приоритет(инициируется уже после изменения)
Последний раз редактировалось pornoborets, 08.06.2015 в 14:48.
|
|
08.06.2015, 15:46
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,123
|
|
|
Сообщение от pornoborets
|
|
оно совпадает с изменением чекбокса, и, фактически, имеет мЕньший приоритет
|
Тогда используй событие onchange... |
|
08.06.2015, 15:53
|
|
Аспирант
|
|
Регистрация: 15.05.2015
Сообщений: 41
|
|
pornoborets,
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="checkbox" class="fl_select" id="row1" checked="checked" />
<input type="checkbox" class="fl_select" id="row2" />
<script>
[].forEach.call(document.getElementsByClassName('fl_select'), function(e) {
e.onclick = function() {
alert('Было ' + (!this.checked ? 'вкл' : 'выкл'));
alert('Стало ' + (this.checked ? 'вкл' : 'выкл'));
}
})
</script>
</body>
</html>
|
|
08.06.2015, 16:39
|
|
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,123
|
|
С onchange аналогично...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<input type="checkbox" class="fl_select" id="row1" checked="checked" />
<input type="checkbox" class="fl_select" id="row2" />
<script>
[].forEach.call(document.getElementsByClassName('fl_select'), function(e) {
e.onchange = function() {
alert('Было ' + (!this.checked ? 'вкл' : 'выкл'));
alert('Стало ' + (this.checked ? 'вкл' : 'выкл'));
}
})
</script>
</body>
</html>
|
|
08.06.2015, 16:47
|
|
Интересующийся
|
|
Регистрация: 07.06.2015
Сообщений: 26
|
|
|
Endy,
То есть, Вы инвертируете, как-бы, значения. Но ведь, ТС'у надо было именно узнать значение поля до изменения. Получается, такого способа нет? И, остается вопрос, насколько Ваш метод надежен, в плане кроссбраузерности, и так далее. Ведь это, фактически, грязный хак, причем, извращенный, к тому же.
|
|
08.06.2015, 16:48
|
|
Интересующийся
|
|
Регистрация: 07.06.2015
Сообщений: 26
|
|
|
ksa,
Спасибо, капитан.
|
|
08.06.2015, 18:08
|
|
Аспирант
|
|
Регистрация: 15.05.2015
Сообщений: 41
|
|
pornoborets,
|
Сообщение от pornoborets
|
|
То есть, Вы инвертируете, как-бы, значения. Но ведь, ТС'у надо было именно узнать значение поля до изменения.
|
Меняя текущее состояние на противоположное,мы и получаем предыдущее(до изменения).
|
Сообщение от pornoborets
|
|
И, остается вопрос, насколько Ваш метод надежен, в плане кроссбраузерности
|
Можно подключить полифиллы.
|
Сообщение от pornoborets
|
|
Ведь это, фактически, грязный хак, причем, извращенный, к тому же.
|
Предложите свой вариант,будет интересно посмотреть 
|
|
08.06.2015, 18:57
|
|
Интересующийся
|
|
Регистрация: 07.06.2015
Сообщений: 26
|
|
|
Сообщение от Endy
|
|
Предложите свой вариант,будет интересно посмотреть
|
Я не знаю. |
|
|
|
