js 獲得/操控 datagrid 中的textbox

最新推荐文章于 2024-11-11 10:39:52 发布
原创 最新推荐文章于 2024-11-11 10:39:52 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#datagrid #textbox #input #asp #server #hyperlink

本文介绍了一段用于购物车结算的JavaScript脚本，该脚本能够处理国名卡点数、红利点数及储值卡支付，并计算剩余需现金支付的金额。同时，脚本还实现了对输入的有效性检查，确保了用户输入为正整数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 js

<script language="javascript">
function Checknull()
{
var head="ShoppingCar1_";
var table = document.getElementById(head+"dataGrid");
var cTR = table.getElementsByTagName("TR");
var str="";
var UseGprice=0;
var UseHprice=0;
var re =/^/+?[1-9][0-9]*$/; 
for (i = 1; i < cTR.length-1; i++)
   { 
       var tr = cTR.item(i);
       str = tr.cells[3];
       var input = str.getElementsByTagName("input");  
       str2=tr.cells[4];
       var input2 = str2.getElementsByTagName("input");  
         //判斷是否為正整數 /^/+?[1-9][0-9]*$/　
      if (!re.test(input[0].value))
         {
         input[0].value=0;
         }
        if (!re.test(input2[0].value))
         {
           input2[0].value=0;
         }
       if((input[0].value!=""&&input[0].value!="0" )&& (input2[0].value==""||input2[0].value=="0"))
         {
           input2[0].style.background='#E4E4E4';
           input2[0].readOnly=true;
          }
          else if((input[0].value==""||input[0].value=="0")&& (input2[0].value!=""&&input2[0].value!="0"))
          {
            input[0].style.background='#E4E4E4';
           input[0].readOnly=true;
          }
          else if ((input[0].value==""||input[0].value=="0") && (input2[0].value==""||input2[0].value=="0"))
           {
             input[0].style.background='white';
              input2[0].style.background='white';
             input2[0].readOnly=false;
             input[0].readOnly=false;
             }
          UseHprice += parseInt(input[0].value);          
          UseGprice += parseInt(input2[0].value);
        }
          if (!re.test(document.getElementById(head+"txtUse_Cprice").value))
         {
               document.getElementById(head+"txtUse_Cprice").value=0;
         }
        var UseCprice=document.getElementById(head+"txtUse_Cprice").value;
       
        var Allprice=parseInt(document.getElementById(head+"lblallprice2").innerHTML);
        var  HaveHprice=parseInt(document.getElementById(head+"lbHave_Hprice").innerHTML);
        var HaveGprice=parseInt(document.getElementById(head+"lbHave_Gprice").innerHTML);
        document.getElementById(head+"Text1").value=UseHprice;
        document.getElementById(head+"Text2").value=UseGprice;
         var Needprice=Allprice-UseHprice-UseGprice-UseCprice;
     
         if(Needprice<0)
         {
          document .getElementById(head+"needprice").innerHTML="< src=pic/cuo_1.gif  >充值卡支付過多!!";
         }
         else
         {
          document .getElementById(head+"needprice").innerHTML="您還需現金支付：<font color=red size=4pt>"+Needprice+"</font> 元";
         }
          // alert(input[0].value);  
//alert(input[0].id);
//alert(input);
// if(input[0].id == obj.id){
//ele2 = tr.cells[1];
//ele2.
//}


}
</script>

ascx :

<asp:panel id="palDetail" BackColor="#fffff4" Width="500px" runat="server">
 <P><FONT face="新細明體">您目前有國民卡點數：</FONT>
  <asp:label id="lbHave_Gprice" runat="server" Width="40px" ForeColor="Red"></asp:label>&nbsp;有紅利點數：
  <asp:label id="lbHave_Hprice" runat="server" Width="40px" ForeColor="Red"></asp:label>&nbsp;
  您目前有<FONT color="red">儲值卡</FONT>點數為：
  <asp:label id="laHave_Cprice" runat="server" Width="40px" ForeColor="red"></asp:label>
</asp:panel><asp:panel id="palCart" Width="500px" runat="server">
 <HR width="500" SIZE="2">
 <TABLE cellSpacing="0" cellPadding="0" border="0">
  <TR>
   <TD vAlign="top" align="center" colSpan="2">國民卡和紅利點數每項只能二選一
    <asp:datagrid id="dataGrid" runat="server" Width="500px" forecolor="Black" font-names="Verdana"
     font-size="9pt" gridlines="None" borderwidth="1px" autogeneratecolumns="False" backcolor="White"
     borderstyle="Solid" AllowPaging="True" CellSpacing="2" CellPadding="1">
     <AlternatingItemStyle Height="20px" BackColor="White"></AlternatingItemStyle>
     <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle"></ItemStyle>
     <HeaderStyle HorizontalAlign="Center" Height="25px" VerticalAlign="Middle" BackColor="#ece9d8"></HeaderStyle>
     <Columns>
      <asp:BoundColumn DataField="sId" ReadOnly="True" HeaderText="商品編號"></asp:BoundColumn>
      <asp:TemplateColumn HeaderText="商品名稱">
       <HeaderStyle ForeColor="#993333"></HeaderStyle>
       <ItemTemplate>
        <asp:hyperlink id="sName" runat="server" cssclass="text">
         <a href='ProductShow.aspx?productid=<%# DataBinder.Eval(Container, "DataItem.sId") %>'>
          <%# DataBinder.Eval(Container, "DataItem.sName") %>
         </a>
        </asp:hyperlink>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn Visible="False">
       <HeaderTemplate>
        <FONT face="新細明體" color="#993333">定價</FONT>
       </HeaderTemplate>
       <ItemTemplate>
        <FONT face="新細明體">
         <asp:Label id=lblspecprice runat="server" ForeColor=red Text='<%# DataBinder.Eval(Container, "DataItem.sPrice") %>'>
         </asp:Label></FONT>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn>
       <HeaderTemplate>
        <FONT face="新細明體">
         <asp:Label id="lblHeaderName" runat="server" Text="您的價格" ForeColor="#993333"></asp:Label></FONT>
       </HeaderTemplate>
       <ItemTemplate>
        <asp:Label id="lalyourprice" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.specprice") %>' >
        </asp:Label>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn Visible="False">
       <HeaderTemplate>
        <FONT face="新細明體" color="#993333">必須國民卡點數+紅卡利點數</FONT>
       </HeaderTemplate>
       <ItemTemplate>
        <FONT face="新細明體">
         <asp:Label id="Label1" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.GHprice") %>'>
         </asp:Label>
        </FONT>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn HeaderText="紅利點數">
       <HeaderStyle ForeColor="#993333"></HeaderStyle>
       <ItemTemplate>
        <asp:textbox id="Hprice" runat="server" size="5px" Width="45px" BorderStyle="Groove" onblur="Checknull()"></asp:textbox>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn HeaderText="國民卡點數">
       <HeaderStyle ForeColor="#993333"></HeaderStyle>
       <ItemTemplate>
        <asp:textbox id="Gprice" runat="server" size="5px" Width="45px" BorderStyle="Groove" onblur="Checknull()"></asp:textbox>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn HeaderText="數量">
       <HeaderStyle ForeColor="#993333"></HeaderStyle>
       <ItemTemplate>
        <asp:textbox id="tbsNum" runat="server" BorderStyle="Groove" Text='<%# DataBinder.Eval(Container, "DataItem.sNum") %>' MaxLength="2" size="5px" Width="45px">
        </asp:textbox>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:TemplateColumn>
       <HeaderTemplate>
        <FONT face="新細明體">
         <asp:Label id="Label2" runat="server" Text="單項小計" ForeColor="#993333"></asp:Label></FONT>
       </HeaderTemplate>
       <ItemTemplate>
        <asp:Label id="lblunitAllprice" runat="server" ForeColor=red Text='<%# DataBinder.Eval(Container, "DataItem.unitAllprice") %>' >
        </asp:Label>
       </ItemTemplate>
      </asp:TemplateColumn>
      <asp:BoundColumn Visible="False" DataField="sName" ReadOnly="True"></asp:BoundColumn>
      <asp:BoundColumn Visible="False" DataField="sNum" ReadOnly="True"></asp:BoundColumn>
      <asp:ButtonColumn HeaderText="刪除" CommandName="delete" Text="刪除"></asp:ButtonColumn>
      <asp:BoundColumn Visible="False" DataField="sPrice"></asp:BoundColumn>
     </Columns>
     <PagerStyle Mode="NumericPages"></PagerStyle>
    </asp:datagrid><INPUT id="Text1" type="text" name="Text1" runat="server"><FONT face="新細明體">
     <INPUT id="Text2" type="text" name="Text1" runat="server">
     <TABLE cellSpacing="0" cellPadding="0" width="500" border="0">
      <TR>
       <TD width="100"><FONT style="FONT-WEIGHT: bold">統計：</FONT></TD>
       <TD width="80"></TD>
       <TD style="WIDTH: 231px" width="231"></TD>
       <TD width="70"><FONT style="FONT-WEIGHT: bold">數量: </FONT>
        <asp:Label id="lblAllNum" runat="server" Font-Size="14px"></asp:Label></TD>
       <TD width="120"><FONT style="FONT-WEIGHT: bold">累計額:</FONT>
        <asp:Label id="lblallprice2" runat="server" ForeColor="red" Font-Size="14px"></asp:Label></TD>
      </TR>
     </TABLE>
    </FONT>
   </TD>
  </TR>
  <TR>
   <TD height="8"><FONT face="新細明體"></FONT></TD>
  </TR>
  <TR>
   <TD height="8"></TD>
  </TR>
  <TR>
  <TR>
   <TD>購物車裏合計有
    <asp:label id="lblNum" runat="server" ForeColor="Red"></asp:label>&nbsp;件商品；<BR>
    <asp:label id="txtNeedUse_GHprice" runat="server" ForeColor="Red" Visible="False"></asp:label>消費的金額:
    <asp:label id="lblAllPrice" runat="server" ForeColor="Red" Font-Bold="True"></asp:label>&nbsp;
   </TD>
  </TR>
  <TR>
   <TD height="15"><!--此次購物使用國民卡點數：
<asp:textbox id=tbUse_Gprice runat="server" Width="56px" Height="18px" BorderStyle="Groove"></asp:textbox>
<asp:regularexpressionvalidator id=Regularexpressionvalidator2 runat="server" ValidationExpression="[0-9]+/.?[0-9]*" ErrorMessage="*請輸入數字" ControlToValidate="tbUse_Gprice" Display="Dynamic"></asp:regularexpressionvalidator>使用紅利點數：
<asp:textbox id=tbUse_Hprice runat="server" Width="56px" Height="18px" BorderStyle="Groove"></asp:textbox>
<asp:regularexpressionvalidator id=Regularexpressionvalidator1 runat="server" ValidationExpression="[0-9]+/.?[0-9]*" ErrorMessage="*請輸入數字" ControlToValidate="tbUse_Hprice" Display="Dynamic"></asp:regularexpressionvalidator>-->
    使用<FONT color="red">儲值卡</FONT>&nbsp;
    <asp:textbox id="txtUse_Cprice" onblur="Checknull()" runat="server" Height="18px" BorderStyle="Groove" width="45px"></asp:textbox>
    <asp:regularexpressionvalidator id="Regularexpressionvalidator4" runat="server" ValidationExpression="[0-9]+/.?[0-9]*"
     ErrorMessage="*請輸入數字" ControlToValidate="txtUse_Cprice" Display="Dynamic"></asp:regularexpressionvalidator>點
   </TD>
  </TR>
  <TR>
   <TD style="HEIGHT: 16px"><FONT face="新細明體">
     <DIV  id="needprice"  style="BORDER-RIGHT: #ffbcff 1px solid; Font-Size:13px; BORDER-TOP: #ffbcff 1px solid; BORDER-LEFT: #ffbcff 1px solid; BORDER-BOTTOM: #ffbcff 1px solid; BACKGROUND-COLOR: #fff5f8"  runat="server" ms_positioning="FlowLayout"></DIV>
    </FONT>
   </TD>
  </TR>
  <TR>
   <TD height="10"><FONT face="新細明體"></FONT></TD>
  </TR>
  <TR>
   <TD vAlign="top">
    <TABLE id="Table1" cellSpacing="0" cellPadding="0" width="500" border="0">
     <TR>
      <TD style="WIDTH: 469px" align="right">&nbsp;
       <asp:imagebutton id="btnUpdateNum" runat="server" ImageUrl="pic/gxsl_ok.gif"></asp:imagebutton>
       <asp:imagebutton id="btnGoOn" runat="server" ImageUrl="pic/jxgw_ok.gif"></asp:imagebutton></TD>
      <TD style="WIDTH: 252px">
       <P>
        <asp:ImageButton id="IBtnNext" runat="server" ImageUrl="pic/xyb_ok.gif"></asp:ImageButton></P>
      </TD>
      <TD>
       <P>&nbsp;</P>
      </TD>
     </TR>
    </TABLE>
   </TD>
  </TR>
  <TR>
   <TD class="new"><FONT face="新細明體"></FONT></TD>
  </TR>
 </TABLE>
 <P></P>
</asp:panel><asp:panel id="palerror" Width="500px" runat="server"><FONT face="新細明體" size="3">&nbsp;&nbsp;&nbsp;&nbsp;<IMG src="pic/warm.gif" align="absBottom">您的購物車中沒有商品
 </FONT>
</asp:panel>

easyui中datagrid列表里面带有textbox和combobox的示例
feinifi的博客
01-14 5915
datagrid在默认情况下，我们只是用来展示数据，大多数情况下是和分页结合使用，但是偶尔的一些特殊需求，他要展示一个form表单的一些列表项，而且还可以在列表中进行修改，最终提交表单的时候，我们在列表里面的文本框或者下拉框中做的修改，能够体现在form表单中，我们知道，datagrid的columns属性，提供了如{field:"action",formatter:actions}的形式，可以直...
Intraweb之EasyUI篇
zhang_y_b的专栏
05-04 7983
Intraweb一直是Delphi快速开发web应用的首选工具，但自带的控件较少，样式比较难看，TMS与IW倒是可用，可是要收费，对于我们这些习惯用免费的用户来说，想找个破解也比较费劲。EasyUI是基于JQuery开发的框架，内置的控件完全可以满足我们开发一般web程序的需求，而且是免费的，用起来也心安理得。下面我就IW如何结合EasyUI开发程序谈谈自己的一些心得，与大家交流一下。主要有以下几
[VB.NET]DataGrid数据取到Textbox
VB.NET学习网-VB.NET实例、VB.NET教程、VB.NET源码下载
12-29 915
<!--google_ad_client = "pub-8333940862668978";/* 728x90, 创建于 08-11-30 */google_ad_slot = "4485230109";google_ad_width = 728;google_ad_height = 90;//--><script type="text/javascript"
JS给gridview内的textbox赋值
arg2001的博客
06-18 389
通过js给gridview内的textbox赋值 1 <script type="text/javascript"> 2 function Check() 3 { 4 var tb=document.getElementById("<% = GridView1.ClientID %>"); 5 ...
改善DataGrid的默認分頁使其更友好
风帆的Blog
08-09 2076
改善DataGrid的默認分頁使其更友好        DataGrid是.net平台下開發Web應用程序最常用的控件，使用該控件可以幫助您專注與商務邏輯的開發，數據的顯示交給它來處理就好了，隻要簡單的設置一些相關的屬性，一張漂亮的表格就出來了，同時，它提供的模板列更大的提高了它的可編程性，使我們的設計更加靈活，想想都覺得這是一件興奮的事！然而，令人感覺美中不足的是，它的分頁功能實在是不怎麼樣，光
工作中WPF问题点
最新发布
weixin_47369660的博客
11-11 1569
本篇文章旨在记录作者工作中开发维护WPF项目中遇到的问题，以及ChatGPT的回答，供大家一起学习交流一起进步。千里之行始于足下，希望自己不要再浪费过多的时间在无意义的事情上，只要开始学习就能减少焦虑，大家一起加油！
总结jquery EasyUI的坑
rainyspring4540的专栏
01-16 661
目录     环境：jQuery EasyUI 1.4.1 【坑1】：datagrid列下继续通过formatter嵌入EasyUI控件（尤其是下拉框combobox） 【坑2】：textbox上添加键盘点击事件 【坑3】：针对ValidateBox扩展校验种类（因为combobox、datebox、textbox都是继承自ValidateBox，故这里只提ValidateBox）。 ...
【实习】大三暑假实习总结：工作记录、个人日记、感悟总结
zDavid_2018的博客
07-17 3951
一、个人日记 第一天： 今天是2019年6月20号，星期四，西安，都市之门c坐607，我坐在了办公室，我，终于坐下了。 第一天上班，感受很不一样，仿佛回到了小学、初中早上早起上学的样子，不能迟到，着急忙慌，好久没有这样过了。 西安的早高峰，第一次遇见，可怕，来西安的第三年第一次在感受上班路上的艰辛。 地铁，人挤人，公交，挤不上去的无力。 成年人的世界，真是不同，为了生存，为了活着，乐观...
VS.NET打印思想与2003/5DataGrid、DataGridView及二维数据如ListView等终极打印实现
03-04
文章摘要通过核心的打印二维网格的程序，无论你用的是VS.NET2003还是2005，DataGrid、DataGridView网格、ListView、DataTable等等二维数据，通通打印。并可上溯到VB5和DBGrid/MSFlexGrid、VB6的MSHFlexGrid，实现二...
WPF绑定Datagrid与Textbox等，包括自动通知UI更新显示
02-04
标题中的"绑定Datagrid与Textbox"意味着我们将用这两种控件来展示和编辑数据。Datagrid通常用于显示和操作表格形式的数据，而Textbox则用于输入或显示单一文本值。在WPF中，我们可以直接将数据对象绑定到这些控件，...
javascript计算一年的第多少周，还有每周的星期几是几月几号 (方法，据实际情况调整）
mathew的专栏
01-26 4131
//本周是本年第几周private int DatePart(System.DateTime dt){int weeknow = Convert.ToInt32(dt.DayOfWeek);//今天星期几int daydiff = (-1) * (weeknow+1);//今日与上周末的天数差int days = System.DateTime.Now.AddDays(dayd
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值