Change based on input or checkbox

by akmiecik

HTML

<div id="swim_row_one">
<div class="span2"><span>Swim date:</span><input type="date" id="swim_date" name="swim_date" value=""></div>
<div class="span2"><span>Laps:</span><input pattern="[0-9]*" inputmode="decimal" type="number" id="laps" step="1" name="laps"></div>
<div class="span4"><small>Pool:&nbsp;&nbsp;</small><input name="m_or_y" type="checkbox" id="m_or_y" checked="checked">&nbsp;<small>(meters)</small></div>
<div class="span2">Meters: <input name="meters" id="swim_distance_m"></div>
<div class="span2">Yards: <input name="yards" id="swim_distance_y"></div>

<div class="time_text">Time:</div>
<div id="swim_row_1b">
<div id="swim_time_inputs">
<select pattern="[0-9]*" type="number" id="swim_hour" name="swim_hour">
<option>00</option>
<option>01</option>
<option>02</option>
<option>03</option>
</select><span class="colon">:</span><select pattern="[0-9]*" type="number" id="swim_min" name="swim_min"...

JavaScript

jQuery(document).ready(function($) {

$(function() {

  var $input = $('#laps');
  var $yards = $('#swim_distance_y');
  var $meters = $('#swim_distance_m');
	
$input.on('input', function(event) {
		var value = $input.val();
if (document.getElementById('m_or_y').checked) { 
    var yards = value*50*1.0936;
    var meters = value*50;
    var round = Math.ceil(yards)
    $yards.val(round);
    $meters.val(meters)
    } else if (document.getElementById('m_or_y').checked == false) {
    var yards = value*50;
    var meters = (value*50)/1.0936;
    var round = Math.ceil(meters)
		$yards.val(yards);
    $meters.val(round)
    }
$('#m_or_y').change(function() {
if (document.getElementById('m_or_y').checked) { 
    var yards = value*50*1.0936;
    var meters = value*50;
    var round = Math.ceil(yards)
    $yards.val(round);
    $meters.val(meters)
    } else if (document.getElementById('m_or_y').checked == false) {
    var yards = value*50;
    var meters = (value*50)/1.0936;
    var round = Math.ceil(meters)
		$yards.val(yards);
    $meters.val(round)
    }
  });
 });
});

//s_calc

});