Почему выдает NaN в jQuery

Question

let engine
engine = $('input[name=engine]:checked').val()
engine = parseInt(engine)
$('#price').text(engine)

код HTML

<input id="eng1" type="radio" name="engine" value="10">
<input id="eng2" type="radio" name="engine" value="999">

Answer 1

Потому что сначала ни одна радио-кнопка не выбрана.

$('input[name=engine]').change(function() {
  let engine = $('input[name=engine]:checked').val();
  engine = parseInt(engine);
  $('#price').text(engine);
}).change();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="eng1" type="radio" name="engine" value="10">
<input id="eng2" type="radio" name="engine" value="999">
<span id="price">start</span>

Answer 2

Лучше так

$('input[name=engine]').change(({currentTarget})=>{
    let engine = $(currentTarget).val();
    engine = parseInt(engine);
    $('#price').text(engine);
}).change();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="eng1" type="radio" name="engine" value="10">
<input id="eng2" type="radio" name="engine" value="999" checked>
<span id="price">start</span>

БЛОГ НА HUSL

Почему выдает NaN в jQuery

Ответы (2 шт):