Несколько переменных через .html() jQuery

158

15 сентября 2018, 23:30

Как правильно сделать запись кода, чтобы значения обеих переменных заносилось в нужный тег через метод .html()?

  var type = $('input[data-type]:checked').val(); 
  var basement = $('input[data-basement]:checked').val(); 
  $('#last__par_total').html(type); 
  $('#last__par_total').html(basement);

Так как написано выше, крайняя переменная переписывает всё что было до этого

Answer 1

function calculate() { 
  var type = $('input[data-type]').is(':checked').toString(); 
  var basement = $('input[data-basement]').is(':checked').toString(); 
  $('#last__par_total').html(type + basement); 
  $('#first').html(type); 
  $('#second').html(basement); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type='checkbox' data-type=''> 
<input type='checkbox' data-basement=''> 
<button onclick='calculate()'>Calculate</button> 
<div id='last__par_total'></div> 
<p id='first'></p> 
<p id='second'></p>