asp 菜鸟初识复选框

        因为要做一个在线购彩的网站,涉及到从复选框中获取数据的问题,真是把我难住了。虽说接触asp也一年有余,可从未跟复选框打过交道,一是手足无措。最后借助搜索引擎终于把问题解决了,在此简单总结一下。以免今后跟我水平相当的菜鸟遇到此类问题时,可以少费些功夫。
        复选框,就是可以多选的框框。在同一个表单中名称一样的复选框,程序在获取数据的时候会认为是一个数组,获取的值就是复选框的value,获取复选框的方法跟获取其他文本框的方法一样,都是request.form。举个例子,比如说我们设定10个复选框,代表0--9这是个数字。那么我们在建立复选框的时候就可以把每个复选框的值都取名为shuzi(或者其他任何你认为可以的名称,中文最好不用。),value分别设为0---9,就可以了。
       获取值,在form的action页面里你只要用request.form("shuzi")方法就可以获取用户选定的值,比如用户选定了023那个response.write(request.form("shuzi"))的结果就会为1,2,3。
        数据分离,有时候我们希望把这些集合在一起的数据分离开,这是就需要用到split函数了,这个是vb的内置函数,直接调用就可以,它可以把复选框传递过来的数据集合分离为数组。具体用法为split(表达式,"分隔符")在复选框数值集合中,分隔符为'。
如:
<%
dim huzi,arri,str,
shuzi=request.form("shuzi")
arri=split(shuzi,",")
%>
要把分离的结果显示出来,我们还得用到一个循环 for each in ……next
for each in ……next(数组循环),格式为
for each 变量 in 数组名
 程序代码
 next
'其中的变量就是存放数组的地方,是自定义变量。
比如上面的代码我们就可以写成
<%
dim shuzi,arri,str,
shuzi=request.form("shuzi")
arri=split(shuzi,",")
for each b in arri%>
n=trim(b)
str=str&n&"&nbsp;"
response.write(str)
next
%>
到此我们已经能够获取用户所选定的复选框的值,并可以显示了。

       还有一个问题就是我们如何知道用户选定了几个值,即数组的长度,这是我们就要用到ubound函数了,我们要想获取上面的数组arri的长度只需要ubound(arri)+1就好了。因为“ubound方法返回的是数组的最大下标,所以长度要加1”上面的程序我们就可以写为:
<%
dim shuzi,arri,str,
shuzi=request.form("shuzi")
arri=split(shuzi,",")
for each b in arri%>
n=trim(b)
str=str&n&"&nbsp;"
response.write(str)
next
lens=ubound(arri)+1
response.write(lens)
%>
此时,已完成对用户从复选框选定值和选定数目的获取和输出。

初次写东西,不足之处望大家海涵。欢迎就这个问题进行讨论。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. GridView的checkbox复选框使用: GridView复选框可以用来选择多行记录,实现全选功能等。 在GridView控件,设置列的DataField属性为一个布尔型的字段,在列的TemplateField添加一个Checkbox控件,并设置它的Checked属性为DataBind绑定的布尔型字段值。 示例代码: ``` <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <HeaderTemplate> <asp:CheckBox ID="chkAll" runat="server" onclick="checkAll(this);" /> </HeaderTemplate> <ItemTemplate> <asp:CheckBox ID="chk" runat="server" Checked='<%# Convert.ToBoolean(Eval("IsSelected")) %>' /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Age" HeaderText="Age" /> </Columns> </asp:GridView> ``` 2. Echarts图的使用: Echarts是一款开源的可视化图表库,支持多种图表类型,如折线图、柱状图、饼图等。 在C#使用Echarts,可以通过前端技术(如JavaScript)来实现,也可以使用Echarts.NET库来实现,前者需要在前端页面引入Echarts.js文件,后者需要在C#代码引入Echarts.NET库。 以下是使用Echarts.NET库实现柱状图的示例代码: ``` using ECharts.Entities; using ECharts.Entities.series; using Newtonsoft.Json; public partial class Demo : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Chart chart = new Chart(); chart.Title.Text = "柱状图示例"; Legend legend = new Legend(); legend.Data.Add("销量"); Axis xAxis = new Axis(); xAxis.Data.Add("衬衫"); xAxis.Data.Add("羊毛衫"); xAxis.Data.Add("雪纺衫"); xAxis.Data.Add("裤子"); xAxis.Data.Add("高跟鞋"); xAxis.Data.Add("袜子"); Axis yAxis = new Axis(); SeriesBar series = new SeriesBar(); series.Name = "销量"; series.Data.Add(5); series.Data.Add(20); series.Data.Add(36); series.Data.Add(10); series.Data.Add(10); series.Data.Add(20); chart.Legend = legend; chart.XAxis = xAxis; chart.YAxis = yAxis; chart.Series.Add(series); string json = JsonConvert.SerializeObject(chart); string script = string.Format("var myChart = echarts.init(document.getElementById('chartContainer'));myChart.setOption({0});", json); Page.ClientScript.RegisterStartupScript(this.GetType(), "EchartsScript", script, true); } } ``` 在前端页面,需要添加一个div元素来显示图表,并引入Echarts.js文件和jQuery库: ``` <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-3.3.1.min.js"></script> <script src="Scripts/echarts.min.js"></script> </head> <body> <div id="chartContainer" style="width: 600px;height:400px;"></div> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值