Не могу проверить чекбокс

259
03 ноября 2017, 09:45

Здравствуйте. Хочу проверить чекбокс, выбран ли он.

Делаю так

	$(document).ready(function() { 
    	$("#forma_1").change(function(){ 
 
 
    		$.ajax({ 
		          type: 'GET', 
		          url: '/search.php', 
		          data: { 
		          	var checkTr = $('#ID_368963829').is(':checked'); 
 
	        }}).then(function(res_pole) { 
	          $("#summa_itogo").html(res_pole); 
	        }); 
 
    	}); 
    });
<form id="forma_1"> 
  <input type="checkbox" id="ID_368963829" name="n_368963829"> 
</form>
выдает ошибку: Uncaught SyntaxError: Unexpected identifier

А если сделать так: - все работает.

$(document).ready(function() { 
    	$("#forma_1").change(function(){ 
        var checkTr = $('#ID_368963829').is(':checked'); 
 
    		$.ajax({ 
		          type: 'GET', 
		          url: '/search.php', 
		          data: { 
		          	 
 
	        }}).then(function(res_pole) { 
	          $("#summa_itogo").html(res_pole); 
	        }); 
 
    	}); 
    });
<form id="forma_1"> 
  <input type="checkbox" id="ID_368963829" name="n_368963829"> 
</form>

почему не работает первый вариант? и как это исправить?

Answer 1

Как-то так, наверное:

$(document).ready(function() { 
    $("#forma_1").change(function(){ 
        $.ajax({ 
            type: 'GET', 
            url: '/search.php', 
            data: { 
                ID_368963829: $('#ID_368963829').is(':checked') 
            }}).then(function(res_pole) { 
            $("#summa_itogo").html(res_pole); 
        }); 
    }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form id="forma_1"> 
  <input type="checkbox" id="ID_368963829" name="n_368963829"> 
</form>

Answer 2

Этот метод будет более современен

(function() { 
  'use strict' 
      $("#click-btn-result").bind("click", function(){ 
        var arrApp = []; 
        $("#selectAppartaments input:checkbox:checked").map(function(){arrApp.push($(this).val()); }); 
          
                alert(arrApp); 
                 
            });   
 })();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<form> 
<div id="selectAppartaments"> 
<label class="w-100 text-white text-checkbox"> 
<input type="checkbox"  value="Студии" class="option-input checkbox" /> 
<span class="s-t-b">Студии</span> 
</label> 
</div> 
<button type="button" class="fancy-button pop-onhover bg-gradient3" id="click-btn-result" value="1"><span>нажми</span></button> 
</form>

READ ALSO
Расположение 2-х картинок на странице

Расположение 2-х картинок на странице

Такое вопросХочу расположить 2 картинки друг на друга, что б на нажатие на верхнюю она удалялась и оставалась только одна картинка

228
Hover присваивается к каждому элементу

Hover присваивается к каждому элементу

Столкнулся с проблемой: Hover присваивается к каждому элементу в таблице, а по начальным данным должен работать на каждой ячейке при наведении...

268
Переобьявление CSS-свойств

Переобьявление CSS-свойств

Подключая какую-нибудь стороннюю библиотеку, например Bootstrap, её CSS-свойства могут не совпасть с требуемыми к определённой страницеДопустим,...

249
Как картинку наложить позади параграфа?

Как картинку наложить позади параграфа?

Такой эффект хочу получить

236