codegeekalpha Ответов: 1

Еще показывает данные одного AJAX-вызов с галочкой кнопкой

Я использую кнопку jquery для выполнения вызова ajax для отображения данных. Я хочу показать еще несколько данных о том же вызове ajax при нажатии на флажок.

Что я уже пробовал:

<pre> <This ajax success function is executed on button click

success: function(data) {
			
			var $metar=$(data).find("METAR");
			

			$metar.each(function(){

			var raw = $(this).find('raw_text').text();
    		  $("#ProfileList" ).append('<li>' +raw+ '</li>');
		    //<big>on checkbox click i want to show the station id</big>
		    $("#planned_checked").change(function() {
			if($("#planned_checked").prop('checked')) {
			var station_id = $(this).find('station_id').text();
			alert(station_id);
						
			});  //each function end
			
			
     }
	 
	 }); //ajax end

1 Ответов

Рейтинг:
11

Bryian Tan

Вы можете обернуть Ajax вызовите событие изменения флажка. Вот вам пример.


$( "#check1" ).change(function() {
  var $input = $( this );
  
  if ($input.is( ":checked" )) {
  	//ajax call
  }
}).change();


Поскольку вы упомянули " тот же самый вызов ajax ", я бы предложил поместить вызов Ajax в метод, чтобы он мог быть разделен между событием button и checkbox.

.prop() | документация по API jQuery[^]