这样自动获取值怎么获得？？？

这个我以前是用户文本框的change事件写的，不过不太好

http://topic.csdn.net/u/20100422/11/fcac6b73-ad54-4188-b055-c0eff25709a6.html

JS控制实现累加也行。总共3件共30元这个其实改变的时候累加件数就行了然后价钱根据件数*10加入
总共label1件共label2元TextBoxChange事件里就取出TextBox的数量 label1.Text=count;
label2.Text=count*10;JS 控制可能要好些。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>测试</title>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var length = $("#GridView2 :text").length;
            var money = 10;
            $("#GridView2 :text").change(function(){
                var beishu = $(this).val();
                var other=0;
                $(this).parent().parent().siblings().find(":text").each(function(){
                    other+=parseInt($(this).val());
                })
                $("#lb").html("总共："+length+"件共花费："+((parseInt(beishu)+parseInt(other))*parseInt(money))+"")
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" >
    <Columns>
        <asp:BoundField HeaderText="ID" DataField="ID" />
        <asp:BoundField HeaderText="Name" DataField="Name" />
        <asp:TemplateField>
        <ItemTemplate>
            <asp:TextBox ID="beishu" runat="server" Text='<%#Eval("beishu") %>'></asp:TextBox>
        </ItemTemplate>
        </asp:TemplateField>
    </Columns>
    </asp:GridView>
        <asp:Label ID="lb" runat="server" Text="ss"></asp:Label>
    </div>
    </form>
</body>
</html>

我这样怎么不显示？？？<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        $(document).ready(function(){
            var length = $("#GridView1:text").length;
            var money = 10;
            $("#GridView1:text").change(function(){
                var beishu = $(this).val();
                var other=0;
                $(this).parent().parent().siblings().find(":text").each(function(){
                    other+=parseInt($(this).val());
                })
                $("#lb").html("总共："+length+"件共花费："+((parseInt(beishu)+parseInt(other))*parseInt(money))+"")
            })
        })
    </script>
<div>
   <asp:GridView ID="GridView1" runat="server" Width="699px" >
            <Columns>

                <asp:TemplateField HeaderText="倍数">
                    <ItemTemplate>
                        <asp:TextBox ID="txtBeishu" runat="server" Height="24px" MaxLength="2"
                            Width="67px" Text="1" onKeyUp="this.value=this.value.replace(/\D/g,'')"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>


            </Columns>
        </asp:GridView>
         <asp:Label ID="lb" runat="server" Text="ss"></asp:Label>
</div>

gridview出了学校就没用了，我也做这个东东，但是是<input>加JS做呢！<input name="Num" class="column-value" id="Num" " onblur="num(this.value);" value="<%=Num%>" maxlength="14" />
function num(obj)
{
var price= document.getElementById("Price").value;//单价...读出你的另一个框的值
document.getElementById("Total").value=obj*price;
}用了onblur光标离开事件

<body>
    <form id="form1" runat="server">
    <asp:GridView ID="GridView1" runat="server" Width="699px">
        <Columns>
            <asp:TemplateField HeaderText="倍数">
                <ItemTemplate>
                    <asp:TextBox ID="txtBeishu" runat="server" Height="24px" MaxLength="2" Width="67px"
                        Text="1" onKeyUp="this.value=this.value.replace(/\D/g,'')" onpropertychange="ChangeNum(this)"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:Label ID="lb" runat="server" Text="ss"></asp:Label>
    </form>
</body><script language="javascript" type="text/javascript">
    function ChangeNum() {
        var beishu = 0;
        if (event.propertyName == "value") {
            $("input[name$='txtBeishu']").each(function() {
                beishu += parseInt($(this).val());
            });
            $("#lb").text(beishu);
        }
    }
</script>

用js吧
商品1<input id=ipt_num1 onkeyup="setPrice();" value=1 /><br />
商品2<input id=ipt_num2 onkeyup="setPrice();" value=1 /><br />
商品3<input id=ipt_num3 onkeyup="setPrice();" value=1 /><br />
共 <span id=opt_num>3</span> 件商品,共 <span id=opt_price>30</span> 元<script>
var price1 = 10;
var price2 = 10;
var price3 = 10;function setPrice(){
    var num1 = document.getElementById("ipt_num1").value;
    var num2 = document.getElementById("ipt_num2").value;
    var num3 = document.getElementById("ipt_num3").value;
    //此处应验证输入要求必须为正整数
    var num = num1 + num2 + num3;
    var price = price1*num1 + price2*num2 + price3*num3;
    document.getElementById("opt_num").innerText = num;
    document.getElementById("opt_price").innerText = price;
}

刚才写的匆忙自己没试求数量的时候应该把输入值转换为数字
还有最后的脚本结束标签也忘了商品1<input id=ipt_num1 onkeyup="setPrice();" value=1 /><br />
商品2<input id=ipt_num2 onkeyup="setPrice();" value=1 /><br />
商品3<input id=ipt_num3 onkeyup="setPrice();" value=1 /><br />
共 <span id=opt_num>3</span> 件商品,共 <span id=opt_price>30</span> 元<script>
var price1 = 10;
var price2 = 10;
var price3 = 10;function setPrice(){
    var num1 = document.getElementById("ipt_num1").value;
    var num2 = document.getElementById("ipt_num2").value;
    var num3 = document.getElementById("ipt_num3").value;
    //此处应验证输入要求必须为正整数
    var num = parseInt(num1) + parseInt(num2) + parseInt(num3);
    var price = price1*num1 + price2*num2 + price3*num3;
    document.getElementById("opt_num").innerText = num;
    document.getElementById("opt_price").innerText = price;
}
</script>

哥，你这是一个个写的哎，我那个是gridview哎！

<asp:TemplateField HeaderText="倍数">
                    <ItemTemplate>
                        <asp:TextBox ID="txtBeishu" runat="server" Height="24px" MaxLength="2"
                            Width="67px" Text="1" onKeyUp="this.value=this.value.replace(/\D/g,'')"
                            AutoPostBack="True" ontextchanged="txtBeishu_TextChanged"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>为什么我的text_changed在gridview中没反应？？？

我都晕的了，Js测试，没有一个可以的！！！！我现在只想用text_changed事件，为何触发不行，急，，，，，急。。急。。急啊

<!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 type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript">
function show()
{
var temp = 0;

for(var i = 1; i < 5; i++)
{
if($("#txt"+i+"").val().length == 0)
{
temp += 0;
}
else
{
temp += parseInt($("#txt"+i+"").val());
}
}

var count = temp * 10

$("#DivResult").html("上牌总数：" + temp + ",总额为：" + count);

}
</script>
</head><body>
<input id="txt1" type="text" value="" onkeyup="show()" />
<input id="txt2" type="text" value="" onkeyup="show()" />
<input id="txt3" type="text" value="" onkeyup="show()"/>
<input id="txt4" type="text" value="" onkeyup="show()"/>
<div id="DivResult"></div>
</body>
</html>

调试易

这样自动获取值怎么获得？？？

解决方案 »