关于CHECKBOX..要怎样才可以TICK?

FieryMan · 发表于 6-12-2005 09:01 PM

如题

<html>
<body>
<u><b>Check your order:</b><u><br>
<table>
<tr><td><td><td>Qty<td>Price<td>Amount
<tr>
<tr><td><input type="checkbox" name=opt>
<td>Chicken Burger
<td><input type=text size=2  name=qty1>
<td><input type=text size=5  name=price1 value=3.00>
<td><input type=text size=10 name=total1>
</tr>
<tr><td><input type="checkbox" name=opt>
<td>Beef Burger
<td><input type=text size=2  name=qty2>
<td><input type=text size=5  name=price2 value=2.50>
<td><input type=text size=10 name=total2>
</tr>
<tr><td><input type="checkbox" name=opt>
<td>French Fries
<td><input type=text size=2  name=qty3>
<td><input type=text size=5  name=price3 value=1.50>
<td><input type=text size=10 name=total3>
</tr>
<tr><td><input type="checkbox" name=opt>
<td>Drink
<td><input type=text size=2  name=qty4>
<td><input type=text size=5  name=price4 value=1.50>
<td><input type=text size=10 name=total4>
</tr>
<tr><td><td>
<td><input type=button Value = Calculate>
<td>Total
<td><input type=text size=10 name=gtotal>
<tr>
</table>
</body>
</html>

显示全部楼层 · 发表于 6-12-2005 09:16 PM

<input type="checkbox" name=opt checked>

你是說這样子嗎?

FieryMan · 发表于 6-12-2005 10:02 PM

原帖由 pengkiat 于 6-12-2005 09:16 PM 发表
<input type="checkbox" name=opt checked>

你是說這样子嗎?

不是哦..我是说TICK 了..会变去QTY那里...然后按了QTY的数量,AMOUNT 就会显示..这个有点复杂..我不会,因为是初学者嘛

super-tomato · 发表于 7-12-2005 03:37 AM

原帖由 FieryMan 于 6-12-2005 10:02 PM 发表

不是哦..我是说TICK 了..会变去QTY那里...然后按了QTY的数量,AMOUNT 就会显示..这个有点复杂..我不会,因为是初学者嘛

<tr><td><input type="checkbox" name=opt onClick="if(this.checked) qty1.focus()">
<td>Chicken Burger
<td><input type=text size="2" name="qty1" onKeyPress="total1.value=this.value*price1.value">
<td><input type=text size=5 name=price1 value=3.00>
<td><input type=text size=10 name=total1>
</tr>

你是说这样吧。。。

FieryMan · 发表于 7-12-2005 11:22 AM

原帖由 super-tomato 于 7-12-2005 03:37 AM 发表

<tr><td><input type="checkbox" name=opt onClick="if(this.checked) qty1.focus()">
<td>Chicken Burger
<td><input type=text size=&quo ...

谢谢你。。但是CALCULATION 那个TOTAL还是不WORKING喔。。。
下次如有问题可以请教你吗？

FieryMan · 发表于 8-12-2005 12:03 AM

如过是这样,还有什么要调整的吗?

<html>
<head>
<script>

function calc(n){
x = document.purchase;
if ((x.opt[n - 1].checked == true) && (n = 1)) {
   x.total1.value = x.qty1.value * x.price1.value;
   }
else
   { x.total1.value = 0;
   }

  if ((x.opt[n - 1].checked == true) && (n = 2)) {
   x.total2.value = x.qty2.value * x.price2.value;
}
  if ((x.opt[n - 1].checked == true) && (n = 3)) {
x.total3.value = x.qty3.value * x.price3.value;
   }
  if ((x.opt[n - 1].checked == true) &&(n = 4)) {
   x.total4.value = x.qty4.value * x.price4.value;
   }
}

function gTotal(){
x = document.purchase;
x.gtotal.value = eval(x.total1.value) +
               eval(x.total2.value) +
               eval(x.total3.value) +
               eval(x.total4.value);
}

</script>
</head>
<body>
<form name=purchase>
<u><b>Check your order:</b><u><br>
<table>
<tr><td><td><td>Qty<td>Price<td>Amount
<tr>
<tr><td><input type="checkbox" name=opt onclick=document.purchase.qty1.select()>
<td>Chicken Burger
<td><input type=text size=2  name=qty1 onChange = "calc(1)">
<td><input type=text size=5  name=price1 value=3.00>
<td><input type=text size=10 name=total1>
</tr>
<tr><td><input type="checkbox" name=opt onclick=document.purchase.qty2.select()>
<td>Beef Burger
<td><input type=text size=2  name=qty2 onChange = "calc(2)">
<td><input type=text size=5  name=price2 value=2.50>
<td><input type=text size=10 name=total2>
</tr>
<tr><td><input type="checkbox" name=opt onclick=document.purchase.qty3.select()>
<td>French Fries
<td><input type=text size=2  name=qty3 onChange = "calc(3)">
<td><input type=text size=5  name=price3 value=1.50>
<td><input type=text size=10 name=total3>
</tr>
<tr><td><input type="checkbox" name=opt onclick=document.purchase.qty4.select()>
<td>Drink
<td><input type=text size=2  name=qty4 onChange = "calc(4)">
<td><input type=text size=5  name=price4 value=1.50>
<td><input type=text size=10 name=total4>
</tr>
<tr><td><td>
<td><input type=button Value = Calculate onClick = "gTotal()">
<td>Total
<td><input type=text size=10 name=gtotal>
<tr>
</table>
</form>
</body>
</html>

kfchai1982 · 发表于 8-12-2005 11:14 AM

你的Code怪怪的，HTML格式也有点松散。帮你改了一改让你参考一下:

<html>
<head>
<script language="javascript">
function calc(n){
var x = document.purchase;
if ((x.opt[n - 1].checked == true) && (n == 1)) {
x.total1.value = x.qty1.value * x.price1.value;
}
if ((x.opt[n - 1].checked == true) && (n == 2)) {
x.total2.value = x.qty2.value * x.price2.value;
}
if ((x.opt[n - 1].checked == true) && (n == 3)) {
x.total3.value = x.qty3.value * x.price3.value;
}
if ((x.opt[n - 1].checked == true) &&(n == 4)) {
x.total4.value = x.qty4.value * x.price4.value;
}
}
function gTotal(){
var x = document.purchase;
var total=0,subtotal;
for(var i=1;i<=4;i++){
subtotal = eval("x.total"+i+".value");
if(!isNaN(parseFloat(subtotal))){
total += parseFloat(subtotal);
}
}
x.gtotal.value = total;
}
function elementSelect(name,selectElement){
if(selectElement.checked == false){
eval("document.purchase.total"+name+".value = ''");
eval("document.purchase.qty"+name+".value = ''");
return false;
}
var element = eval("document.purchase.qty"+name);
element.select();
return true;
}
</script>
</head>
<body>
<form name="purchase">
<u><b>Check your order:</b></u><br>
<table>
<tr id="top"><th> </th><th> </th><th>Qty</th>Price<th>Amount</th><th> </th>
</tr>
<tr><td><input type="checkbox" name="opt" onclick="elementSelect(1,this)"></td>
<td>Chicken Burger</td>
<td><input type="text" size="2" name="qty1" onChange = "calc(1)"></td>
<td><input type="text" size="5" name="price1" value="3.00"></td>
<td><input type="text" size="10" name="total1"></td>
</tr>
<tr><td><input type="checkbox" name="opt" onclick="elementSelect(2,this)"></td>
<td>Beef Burger</td>
<td><input type="text" size="2" name="qty2" onChange="calc(2)"></td>
<td><input type="text" size="5" name="price2" value="2.50"></td>
<td><input type="text" size="10" name="total2"></td>
</tr>
<tr><td><input type="checkbox" name="opt" onclick="elementSelect(3,this)"></td>
<td>French Fries</td>
<td><input type="text" size="2" name="qty3" onChange = "calc(3)"></td>
<td><input type="text" size="5" name="price3" value="1.50"></td>
<td><input type="text" size="10" name="total3"></td>
</tr>
<tr><td><input type="checkbox" name="opt" onclick="elementSelect(4,this)"></td>
<td>Drink</td>
<td><input type="text" size="2" name="qty4" onChange = "calc(4)"></td>
<td><input type="text" size="5" name="price4" value="1.50"></td>
<td><input type="text" size="10" name="total4"></td>
</tr>
<tr><td colspan="2"> </td>
<td><input type="button" Value ="Calculate" onClick = "gTotal()"></td>
<td>Total</td>
<td><input type="text" size="10" name="gtotal"></td>
</tr>
</table>
</form>
</body>
</html>

复制代码

FieryMan · 发表于 8-12-2005 01:09 PM

原帖由 kfchai1982 于 8-12-2005 11:14 AM 发表
你的Code怪怪的，HTML格式也有点松散。帮你改了一改让你参考一下:

[code]

<html>
<head>
<script language="javascript">

function calc(n){
var x = document.purchas ...

谢谢你哦KFCHAI。。。真的全部FUNCTION WORKING。。谢谢＾＾

		自动登录	找回密码
密码			注册

关于CHECKBOX..要怎样才可以TICK?

所属分类: 电脑手机

浏览过的版块