check 单击特效，如何做
日期：2014-05-16 浏览次数：20411 次
check 单击特效，怎么做
我想让check 鼠标选中了，会在一个<td>10</td> 变成<td>27.77</td> check 控件值是17.77，如何做啊 ，就是让们相加
------解决方案--------------------
首先你的10要放在DIV里面，点击checkbox 用onclick事件 然后获取div和checkbox的值 进行换算后在赋值给div就可以了。
------解决方案--------------------
------解决方案--------------------
function chk()
{
var ta=document.getElementById("ta");
var num=parseFloat(ta.rows[0].cells[1].innerHTML);//字符串转换为数字，
num=num+17.77;
ta.rows[0].cells[1].innerHTML=num;
}
------解决方案--------------------
------解决方案--------------------
我写了个小例子，你参考一下吧。
我想让check 鼠标选中了，会在一个<td>10</td> 变成<td>27.77</td> check 控件值是17.77，如何做啊 ，就是让们相加
------解决方案--------------------
首先你的10要放在DIV里面，点击checkbox 用onclick事件 然后获取div和checkbox的值 进行换算后在赋值给div就可以了。
------解决方案--------------------
<input type="checkbox" onclick="chk()"/>17.77
<table id="ta">
<tr><td>8</td><td>10</td></tr>
<tr><td>9</td><td>11</td></tr>
</table>
function chk()
{
var ta=document.getElementById("ta");
var num=parseFloat(ta.rows[0].cells[1].innerHTML);//字符串转换为数字，
num=num+17.77;
ta.rows[0].cells[1].innerHTML=num;
}
------解决方案--------------------
function chk()
{
var ta=document.getElementById("ta");
var num=parseFloat(ta.rows[0].cells[1].innerHTML);//字符串转换为数字，
num=num+17.77;
ta.rows[0].cells[1].innerHTML=num;
}
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function show()
{
var a = document.getElementById("div1");
var b = document.getElementById("chek");
a.innerText = parseFloat(b.value) + parseFloat(a.value);
//alert(a.value);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="checkbox" id="chek" value="17.7" onclick="show()">
<table>
<tr>
<td><div id="div1" value="10">10</div></td>
</tr>
</table>
</BODY>
</HTML>
------解决方案--------------------
我写了个小例子，你参考一下吧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试</title>
<script language="javascript">
<!--
var $ = document.getElementById;
function add(obj){
var sum = $("sum").innerText;
if(sum == "") sum=0;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
