小弟是個新手想練習(xí)寫個單位換算的程序練手,感覺大概像這樣:1.公制轉(zhuǎn)英制
2.英制轉(zhuǎn)公制
目前計算都沒問題,但有個問題是在英制轉(zhuǎn)公制里執(zhí)行計算后,畫面會跳回公制轉(zhuǎn)英制的預(yù)設(shè)畫面,需要再多點擊一次英制轉(zhuǎn)公制的標簽后,才能看到執(zhí)行的結(jié)果,如下圖:
原碼如下:
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="tabbable" id="tabs-84805">
<ul class="nav nav-tabs">
<li class="active">
<a href="#panel-26382" data-toggle="tab">公制轉(zhuǎn)英制</a>
</li>
<li>
<a href="#panel-398503" data-toggle="tab">英制轉(zhuǎn)公制</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="panel-26382">
<div class="row">
<div class="col-md-12">
<h4><b>長度換算</b> <?php for ($i = 1; $i <= 145; $i++){echo ' ';}?><span class="label label-default"">請輸入公分</span></h4><hr>
</div>
<!--控制左邊輸入欄-->
<div class="col-md-6">
<form action="" method="POST" accept-charset="utf-8">
長:<input type="text" name="lencm"> 公分<br><br>
寬:<input type="text" name="widthcm"> 公分<br><br>
高:<input type="text" name="heighcm"> 公分<?php for ($i = 1; $i <= 50; $i++){echo ' ';}?>
<button type="submit" name="sub" class="btn btn-warning">開始計算</button>
</form>
</div>
<!--控制右邊結(jié)果輸出欄-->
<div class="col-md-6">
長:<input type="text" name="lenin" style="background-color:#dddddd" value="<?php
if ( isset($_POST['sub'])){
if ( is_numeric($_POST['lencm'])){
$i=$_POST['lencm'];$lenin=$i/2.54;
echo round($lenin,2);
} else{ echo "請輸入數(shù)字";}
}
?>" readonly="readonly"> 英吋<br><br>
寬:<input type="text" name="widthin" style="background-color:#dddddd" value="<?php
if ( isset($_POST['sub'])){
if ( is_numeric($_POST['widthcm'])){
$w=$_POST['widthcm'];$widthin=$w/2.54;
echo round($widthin,2);
} else{ echo "請輸入數(shù)字";}
}
?>" readonly="readonly"> 英吋<br><br>
高:<input type="text" name="heighin" style="background-color:#dddddd" value="<?php
if ( isset($_POST['sub'])){
if ( is_numeric($_POST['heighcm'])){
$h=$_POST['heighcm'];$heighin=$h/2.54;
echo round($heighin,2);
} else{ echo "請輸入數(shù)字";}
}
?>" readonly="readonly"> 英吋<br><br>
</div>
</div>
</div>
<div class="tab-pane" id="panel-398503">
<div class="row">
<div class="col-md-12">
<h4><b>長度換算</b> <?php for ($i = 1; $i <= 145; $i++){echo ' ';}?><span class="label label-default"">請輸入英吋</span></h4><hr>
</div>
<!--控制左邊輸入欄-->
<div class="col-md-6">
<form action="" method="POST" accept-charset="utf-8">
長:<input type="text" name="lenin"> 英吋<br><br>
寬:<input type="text" name="widthin"> 英吋<br><br>
高:<input type="text" name="heighin"> 英吋<?php for ($i = 1; $i <= 50; $i++){echo ' ';}?>
<button type="submit" name="sub1" class="btn btn-warning">開始計算</button>
</form>
</div>
<!--控制右邊結(jié)果輸出欄-->
<div class="col-md-6">
長:<input type="text" name="lenin" style="background-color:#dddddd" value="<?php
if ( isset($_POST['sub1'])){
if ( is_numeric($_POST['lenin'])){
$i1=$_POST['lenin'];$lencm=$i1*2.54;
echo round($lencm,2);
} else{ echo "請輸入數(shù)字";}
}
?>" readonly="readonly"> 公分<br><br>
寬:<input type="text" name="widthcm" style="background-color:#dddddd" value="<?php
if ( isset($_POST['sub1'])){
if ( is_numeric($_POST['widthin'])){
$w1=$_POST['widthin'];$widthcm=$w1*2.54;
echo round($widthcm,2);
} else{ echo "請輸入數(shù)字";}
}
?>" readonly="readonly"> 公分<br><br>
高:<input type="text" name="heighcm" style="background-color:#dddddd" value="<?php
if ( isset($_POST['sub1'])){
if ( is_numeric($_POST['heighin'])){
$h1=$_POST['heighin'];$heighcm=$h1*2.54;
echo round($heighcm,2);
} else{ echo "請輸入數(shù)字";}
}
?>" readonly="readonly"> 公分<br><br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>`
我想要最后的結(jié)果是在英制轉(zhuǎn)公制里執(zhí)行完后就直接停留在該頁標簽里,而不要再多點擊一次該標簽才能看到結(jié)果,查了一下資料好像是跟ACTIVE有關(guān),但試了幾次都沒辨法,請問該怎么修改呢?謝謝
- 1 回答
- 0 關(guān)注
- 979 瀏覽
添加回答
舉報
0/150
提交
取消