JavaScript 控制 datagrid 中的模板列

[yuanmanguo]

前台页面datagrid的代码如下

<asp:TemplateColumn HeaderText="财务金额">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="tbFinanceCash" runat="server" Width="100%"   CssClass="form" ></asp:TextBox>                                                    
                                                </ItemTemplate>
                                            </asp:TemplateColumn>                  
											<asp:TemplateColumn HeaderText="选择">
                                                <ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                                                    Font-Underline="False" HorizontalAlign="Center" />
                                                <ItemTemplate>
                                                    <asp:CheckBox ID="ckbSelect" runat="server" />
                                                </ItemTemplate>
                                                <HeaderStyle Width="35px" />
                                            </asp:TemplateColumn>

希望实现功能：
1.TextBox的值变化时，判断TextBox的值是否为浮点数，汇总CheckBox选择的财务金额的总值
2.选择CheckBox时，判断TextBox的值是否为浮点数，汇总CheckBox选择的财务金额的总值

注：用JavaScript实现，希望代码比较详细（前台，后台一起）

先谢谢了

[yuanmanguo]

一生你好，

var datagrid = document.getElementById('<%= MyDataGrid.CliendId %>');


这句有什么用吗？


编译不了

编译器错误信息: CS0117: “System.Web.UI.WebControls.DataGrid”并不包含“CliendId”的定义

[yuanmanguo]

cb.Attributes.Add("onchange","sumcheck();");

CheckBox 触发不了。


~.~ 我是JavaScript菜鸟

[sprc_lcl]

var datagrid = document.getElementById(' <%= MyDataGrid.ClientId%>'); //写错了,可以不要,是为了减少搜索元素范围，看二楼

[sprc_lcl]

[Quote=引用 6 楼 yuanmanguo 的回复:]
cb.Attributes.Add("onchange","sumcheck();");

CheckBox 触发不了。


~.~ 我是JavaScript菜鸟
[/Quote]
改为
cb.Attributes.Add("onclick","sumcheck();");

[sprc_lcl]

<script language="javascript">
var datagrid = document.getElementById('<%= MyDataGrid.CliendId %>');
function CheckFloat(str)
{
    var matchstr=/^\d+(\.\d+)?$/;
    return matchstr.test(str)
}
function checktb(tb)
{
 if(!CheckFloat(tb.value))
 {
  alert('请输入数字');
  tb.focus();
  return false;
 }
 return true;
}
function checktb2(tb)
{
    if(checktb(tb))
    {
       sumcheck();
    }
}

function sumcheck()
{
    var sums = 0;
    var cbs = document.getElementsByTagName('input');
    for(var i=0;i<cbs.length;i++)
    {
        var cbitem=cbs[i];
        if(cbitem.type=='checkbox' && cbitem.id.indexOf('ckbSelect')>=0)//此处你打前台生成的html调整
        {
            var tb = document.getElementById(cbitem.id.replace('ckbSelect','tbFinanceCash'));//此处你打前台生成的html调整
            if(checktb(tb))
            {
               sums += praseFloat(tb.value);
            }
            else
            {
              return;
            }
        }
    }
    alert(sums);
}
</script>

    protected void MyDataGrid_ItemDataBound(object sender, DataGridItemEventArgs e)
    {
        if (e.Item.ItemIndex >= 0)
        {
            TextBox tb = (TextBox)e.Item.FindControl("tbFinanceCash");
            tb.Attributes.Add("onkeyup","checktb2(this);");
        }
    }
}

//未测试

[sprc_lcl]

var cbs = document.getElementsByTagName('input');
改为：
var cbs = datagrid.getElementsByTagName('input');//可不改,效率稍好

[yuanmanguo]

ths
试试看先

[sprc_lcl]

if(cbitem.type=='checkbox' && cbitem.id.indexOf('ckbSelect')>=0)
改为
if(cbitem.type=='checkbox' && cbitem.id.indexOf('ckbSelect')>=0 && cbitem.checked)

   protected void MyDataGrid_ItemDataBound(object sender, DataGridItemEventArgs e)
    {
        if (e.Item.ItemIndex >= 0)
        {
            TextBox tb = (TextBox)e.Item.FindControl("tbFinanceCash");
            tb.Attributes.Add("onkeyup","checktb2(this);");
            CheckBox cb = (CheckBox)e.Item.FindControl("ckbSelect");
            cb.Attributes.Add("onchange","sumcheck();");
        }
    }