示例:Radio

原创 2004年09月15日 14:08:00

<html>
<head>
    <script language="VB" runat="server">
      Sub Page_Load(Sender As Object, e As EventArgs)
         If Not IsPostBack Then
'定义一个ArrayList,然后为其赋值
            Dim values As New ArrayList()
  values.Add (" 加 ")
                values.Add (" 减 ")
                values.Add (" 乘 ")
                values.Add (" 除 ")
                values.Add (" 或 ")
                values.Add (" 与 ")
  
               StateSelect.DataSource = values
'为HtmlSelect控件设置数据源
               StateSelect.DataBind()
'数据绑定
         End If
      End Sub

      Sub SubmitBtn_Click(sender As Object, e As EventArgs)
  If (Radio1.Checked = true)
'如果Radio1被选择,那么为控件HtmlSelect增加新的选项值:“开方”
               StateSelect.Items.Add ("开方")
   Span1.InnerHtml = "您加入新值: <font color=red Size=5>开方</font>"
  End If 
       If (Radio2.Checked = true)
'如果Radio2被选择,那么为控件HtmlSelect增加新的选项值:“平方”
             StateSelect.Items.Add ("平方")
   Span1.InnerHtml = "您加入新值:<font color=red Size=5>平方</font> "
  End If 
       If  (Radio3.Checked = true)
'如果Radio3被选择,那么为控件HtmlSelect增加新的选项值:“消元”
   StateSelect.Items.Add ("消元")
   Span1.InnerHtml = "您加入新值: <font color=red Size=5>消元</font>" 
  End If
'如果三个Radio都没有选中,那么显示错误信息
  If Radio1.Checked = false And Radio2.Checked = false And Radio3.Checked = false
   
   Span1.InnerHtml = "请您先选择上面的Radio再点击此按钮"
  End if
     
      End Sub

   Sub Button1_Click(sender As Object, e As EventArgs)
'移走当前的选项内容       
           Span1.InnerHtml = "您移走了选项:<font color=red Size=5>" & StateSelect.Value & "</font>"
     StateSelect.Items.Remove(StateSelect.Value)
    End Sub

    </script>
</head>
<body>
    <h3><font face="Verdana">第十二例 HtmlInputRadioButton和 HtmlSelect控件使用</font></h3>
    <form runat="server">
        选择一个选项:
        <select id="StateSelect" runat="server" />
      <BR>
 <p>
 <input type="radio"
             id="Radio1"
             name="Mode"
             runat="server"/>
       开方<br>

      <input type="radio"
             id="Radio2"
             name="Mode"
             runat="server"/>     
      平方<br>
      <input type="radio"
             id="Radio3"
             name="Mode"
             runat="server"/>
      消元<br>

      <p>
       <p>     
  <input type="submit" value="加入选择选项"
               OnServerClick="SubmitBtn_Click" runat="server">

 <input type="button"  id="Button1"   value="移走当前的选项"
             OnServerClick="Button1_Click"   runat="server">

        <H5><span id="Span1" runat="server" /></H5>
    </form>
</body>
</html>

单选按钮实例

单选按钮在我们实际开发中非常实用,今天就实现一个大选按钮的基本操作,虽然很简单,但是实际动手实现一下对我们这些初学者还是很有必要的,先上效果吧:                            ...
  • u014733374
  • u014733374
  • 2014年12月08日 10:08
  • 597

一款非常漂亮的bootstrap表单checkbox/radio样式推荐

如题。 http://www.bootcss.com/p/icheck/ 这个bootstrap提供的icheck插件,首先是非常小。效率相对较高。其优点如下图所示: ...
  • white__cat
  • white__cat
  • 2017年02月18日 16:49
  • 2012

radio的选择和赋值

实例如下: 点击 苹果1 桃子1 香蕉1 梨 1 其它 相应的js如下: $("input:radio[name='Fruit1...
  • zbyluxzing
  • zbyluxzing
  • 2015年07月20日 11:19
  • 1019

利用JS对两行Input radio 进行互斥选择。

根据项目需要对radio 进行选择 就是说第一种选了第二种不能在选了。 标签是很简单 直接   主要说一下JS代码如下  $(function()...
  • u010056396
  • u010056396
  • 2016年09月27日 08:41
  • 1465

取消选中单选框radio的三种方式

作者: 铁锚 日期: 2013年12月21日 本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DO...
  • renfufei
  • renfufei
  • 2013年12月21日 13:35
  • 50359

js控制radio选中

经常会遇到js控制radio选中和切换的问题 之前一直使用的是checked属性来完成的 但是现在发现这个属性有个大问题 今天就是用js给选中radio的赋值,使用的$().attr("chec...
  • u014267351
  • u014267351
  • 2015年12月16日 21:43
  • 13729

VS2010/MFC入门编程二十(radio botton 的使用)

先为对话框加上2个radio button,分别是Radio1和Radio2。 问题1:如何让Radio1或者Radio2默认选上?如何知道哪个被选上了? 关键是选上,“默认”只要放在On...
  • yu__jia
  • yu__jia
  • 2014年07月31日 09:05
  • 1153

利用radio实现tab切换

radio选项卡切换 *{margin:0;padding:0;} .test-box{width: 50%;margin: 10px...
  • kuangshp128
  • kuangshp128
  • 2017年04月04日 22:55
  • 756

Radio控件的使用

方法一: Radio   Button成组使用时,只需保证在添加控件时资源号连续,并且第一个Radio   Button的属性中Group被选中即可.     这样就可以给这一组控件添加成员变量使...
  • shuilan0066
  • shuilan0066
  • 2013年04月05日 08:09
  • 3656

javascript 获取表单中radio选中值

radio是form表单中非常常用的一种表单元素,对于radio的操作中,都是利用radio的checked属性,都是对radio的checked属性做操作。获取radio的选中值时,遍历radio按...
  • magi1201
  • magi1201
  • 2015年03月19日 22:17
  • 42491
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:示例:Radio
举报原因:
原因补充:

(最多只允许输入30个字)