อยากให้ช่องสีฟ้าแสดงผลออโตอ่ะครับ แบบว่าไม่ต้องไปติ๊กช่องสีแดงอ่ะครับ ต้องแก้ตรงไหน รบกวนด้วยครับ

<link rel="stylesheet" media="all" type="text/css" href="jquerydatepicker/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquerydatepicker/jquery-ui-timepicker-addon.css" />
<script type="text/javascript" src="jquerydatepicker/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquerydatepicker/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquerydatepicker/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquerydatepicker/jquery-ui-sliderAccess.js"></script>

<script type="text/javascript">

$(function(){
	$("#txtwk_day").datepicker({
		dateFormat: 'dd-M-yy'
	});
});

</script>

<script type='text/javascript'>
function cal(elm){

 if(elm.value.match(/[^\d]/)){
  elm.value=0;
 }else if(elm.value.replace(/(^\s+)|(\s+$)/,'')==''){
 elm.value=0;

}

var dist1=parseInt( document.getElementById('dist1').value );
var dist2=parseInt( document.getElementById('dist2').value )
var time_diff=parseInt( document.getElementById('time_diff').value)
var time_diff1=parseInt( document.getElementById('time_diff1').value)
document.getElementById('result').value=dist1*time_diff;
document.getElementById('result1').value=dist2*time_diff1
}

    $(document).ready(function(){
      $('#time_in,#time_out').on('change',function(){
        var time_in = $('#time_in option:selected').text();
        var time_out = $('#time_out option:selected').text();
        
        var st = new Date("01/01/2000 "+time_in);
        var en = new Date("01/01/2000 "+time_out);
        var result = parseInt(((en.getTime() - st.getTime()))/1000); // in second
        var sec = result % 60; result = Math.floor( result / 60);
        var m = result % 60; result = Math.floor( result / 60);
        var h = result % 24;
        var value = (''+h);
        $('#time_diff').val(value);
		
      })
    });
	$(document).ready(function(){
      $('#time_in1,#time_out1').on('change',function(){
		var time_in1 = $('#time_in1 option:selected').text();
        var time_out1 = $('#time_out1 option:selected').text();
        
		var st = new Date("01/01/2000 "+time_in1);
        var en = new Date("01/01/2000 "+time_out1);
        var result = parseInt(((en.getTime() - st.getTime()))/1000); // in second
        var sec = result % 60; result = Math.floor( result / 60);
        var m = result % 60; result = Math.floor( result / 60);
        var h = result % 24;
        var value1 = (''+h);
        $('#time_diff1').val(value1);
		
      })
    });
   </script>
 <form action="savework.php?per_id=<?php echo $_GET["per_id"];?>" name="frmEdit" method="post">
<?php
$objConnect = mysql_connect("localhost","root","") or die("Error Connect to Database");
$objDB = mysql_select_db("project");
$strSQL = "SELECT * FROM personnel WHERE per_id = '".$_GET["per_id"]."' ";
$objQuery = mysql_query($strSQL);
$objResult = mysql_fetch_array($objQuery);
if(!$objResult)
{
	echo "Not found per_id=".$_GET["per_id"];
}
else
{
?>
<table width="688" border="0" align="center">
                <tr>
                  <th width="116">รหัสพนักงาน</th>
                  <td colspan="5"><input type="text" name="txtper_id" id="txtper_id" size="15" value="<?php echo $objResult["per_id"];?>"/></td>
                </tr>
                <tr>
                  <th width="116">วันที่</th>
                  <td colspan="5"><input type="text" name="txtwk_day" id="txtwk_day" size="15"/></td>
                </tr>
                <tr>
                  <th width="116">เวลาเข้างาน</th>
                  <td colspan="4">
                    <select class="form-control" id="time_in" name="time_in">
                      <option value="">เลือกเวลา</option>
                      <option value="">04:00</option>
                      <option value="">05:00</option>
                      <option value="">06:00</option>
                      <option value="">07:00</option>
                      <option value="">08:00</option>
                      <option value="">09:00</option>
                      <option value="">10:00</option>
                      <option value="">11:00</option>       
                      <option value="">12:00</option>    
                      <option value="">13:00</option>            
                      </select>
                  เวลาออกงาน                  <select class="form-control" id="time_out" name="time_out">
                    <option value="">เลือกเวลา</option>
                    <option value="">13:00</option>
                    <option value="">14:00</option>
                    <option value="">15:00</option>
                    <option value="">16:00</option>
                    <option value="">17:00</option>
                  </select>
                  
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <th width="116" height="24">OTเข้างาน</th>
                  <td colspan="4"><select class="form-control" id="time_in1" name="time_in1">
                    <option value="">เลือกเวลา</option>
                    <option value="">17:00</option>
                    </select>
                    เวลาออกงาน
                    <select class="form-control" id="time_out1" name="time_out1">
                      <option value="">เลือกเวลา</option>
                      <option value="">18:00</option>
                      <option value="">19:00</option>
                      <option value="">20:00</option>
                      <option value="">21:00</option>
                      <option value="">22:00</option>
                      <option value="">23:00</option>
                      <option value="">24:00</option>
                  </select></td>
                  <td width="64">&nbsp;</td>
                </tr>
                <tr>
                  <th>ค่าแรงรายวัน</th>
                  <td width="88">
                  <input type="text" name="txtwk_sum" id='result' size="15"/></td>
                  <td width="11">=</td>
                  <td width="89"><input type="text" name="time_diff" id='time_diff' onblur='cal(this)' size="15"/></td>
                  <td width="294">x
                    <input type="text" name="txtper_daily" id='dist1'onblur='cal(this)' size="15" value="<?php echo $objResult["per_daily"];?>" />
ชม.</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <th>ค่าแรงOT</th>
                  <td><input type="text" name="txtper_ot2" id='result1' size="15"/></td>
                  <td>=</td>
                  <td><input type="text" name="txtper_ot1" id='time_diff1'onblur='cal(this)' size="15"/></td>
                  <td>x
                    <input type="text" name="txtper_ot" id="dist2" onblur='cal(this)' size="15" value="<?php echo $objResult["per_ot"];?>"/>
ชม.</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <th>รวม</th>
                  <td>
                    <input type="text" name="txtwt_sum" id='result' size="15"/></td>
                  <td></td>
                </tr>
                <tr>
                  <th>&nbsp;</th>
                  <td colspan="5"><input type="submit" name="submit" value="เพิ่ม" /></td>
                </tr>
              </table>
              <?php
              }
              mysql_close($objConnect);
              ?>
            </form>
            <center>
              </form>