`
zendj
  • 浏览: 121124 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

js两个按钮(属性为butten,而不是submit)选择

 
阅读更多

在一个form中放入两个按钮(属性为butten,而不是submit)
如:
 <br>
<input id="Radio3" type="radio" name="MessageWise" onclick="if(this.checked){MessageBlockID.disabled=true;};document.all.MessageBlock.value=this.value;" value="DDE">DDE
<input id="Radio4" type="radio" name="MessageWise" onclick="if(this.checked){MessageBlockID.disabled=true;};document.all.MessageBlock.value=this.value;" value="RS232" CHECKED>RS232
<input id="Radio5" type="radio" name="MessageWise" onclick="if(this.checked){MessageBlockID.disabled=true;};document.all.MessageBlock.value=this.value;" value="RS422">RS422
<input id="Radio6" type="radio" name="MessageWise" onclick="if(this.checked){MessageBlockID.disabled=true;};document.all.MessageBlock.value=this.value;" value="RS485">RS485
<input id="Radio7" type="radio" name="MessageWise" onclick="if(this.checked){MessageBlockID.disabled=true;};document.all.MessageBlock.value=this.value;" value="板卡">板卡
<input id="Radio8" type="radio" name="MessageWise" onclick="if(this.checked){MessageBlockID.disabled=true;};document.all.MessageBlock.value=this.value;" value="NetCard">网络卡
<input id="Radio9" type="radio" name="MessageWise" onclick="MessageBlockID.disabled=false;document.all.MessageBlock.value=this.value;" value="dde" >专用卡
<br>
<br>
通讯卡名 <Input type="text" name="MessageBlock" Id="MessageBlockID" Value="" style="WIDTH:100px" onchange1="MessageWise.value=MessageBlock.value" disabled>

 

 


除非文章太长了,分页并不是一个良好的设计。
艺术设计确实要分页,则可以使用下面的方法:


用JavaScript伪分页,实际上内容还是在同一个页面上。

<div id="page_1">第1页内容</div>
<div id="page_2">第2页内容</div>
<div id="page_3">第3页内容</div>
<div id="page_4">第4页内容</div>
<script type="text/javascript">//<![CDATA[
var curpage=document.hash.substr(1);
for (var i=1;i<=4;++i) {
  document.getElementById('page_'+i).style.display=(i==curpage)?'':'none';
}
//]]></script>

然后用 page.htm#1 page.htm#2 page.htm#3 page.htm#4 来链接4页。

分享到:
评论

相关推荐

    用RadioButten或CheckBox实现div的显示与隐藏

    在这个例子中,我们有两个RadioButtons,分别代表"男"和"女"两个选项。当选中"女"时,显示包含"美女、才女"信息的div;而选中"男"时,该div会被隐藏。 在HTML部分,我们创建了两个RadioButtons(Radio1和Radio2)...

    html+js+css实现点击按钮弹出下拉交互

    - **#selector**: 设置下拉列表的样式,包括初始时隐藏(`visibility: hidden`)、绝对定位(`position: absolute`)等属性,确保它可以在合适的位置出现。 - **.chenge**: 设置内容展示区域的样式,使其居中对齐。 ###...

    提交重置检查按钮

    这是一个简单的、基础的html文件,共设置了提交、检查、重置三个按钮,用来说明如何在网页上设置按钮。

    CButtenST类是Butten类的派生类

    在Windows编程领域,MFC(Microsoft Foundation Classes)库是一个常用框架,它为开发人员提供了创建Windows应用程序的强大工具。`CButtonST`类是MFC中的`CButton`类的一个派生类,它主要增强了标准按钮的功能,使得...

    lvButton,VB6中一个不错的多样式多形状开源按钮控件

    lvButton,VB6中一个不错的多样式多形状开源按钮控件,拥有多种外观样式,例如WIN95,WIN31,WINXP,JAVA等,还有多种形状可选,比如圆形方形平行四边形等,还能自定义图片,代码结构易于添加其它样式与形状,是很不错的一个...

    BmpButton

    这个特殊的按钮控件允许开发者通过加载位图来实现独特的设计,打破常规矩形按钮的限制,为用户界面增添更多个性化元素。 首先,我们来理解“BmpButton”的基本概念。BmpButton是一种自绘按钮,意味着它的外观和行为...

    element-ui 的el-button组件中添加自定义颜色和图标的实现方法.docx

    在这里,我们定义了两个对象,colorMap 和 iconMap,它们分别存储了不同的颜色类和图标。然后,我们可以在指令中使用这些对象来实现自定义的颜色和图标。 例如,我们可以在指令中编写以下代码: otherRender: { ...

    S3C2410_butten.c

    针对S3C2410的按键的驱动,不用说太多,稍加修改就可以用的。

    iframe异步加载实现点击左边菜单加载右边内容实例讲解

    左侧菜单有一个按钮(#butten)和一个隐藏的div(#hidden),点击按钮后,隐藏的div会显示,同时iframe的内容将被替换为2.htm的内容。 ```html ; float: left"&gt; &lt;div id="butten" style="cursor: pointer;"&gt;局部...

    Fragment之RadioButton

    `RadioButton`则是单选按钮,通常用于在一个选项组中提供互斥的选择。本教程将详细讲解如何在`Fragment`中使用`RadioButton`来实现类似QQ、微信等应用底部导航栏的效果。 首先,我们需要理解`RadioButton`的基本...

    ZFYTabbarController:ZFYTabbbarController 是包含UITabbar 和UINavigationBar的一个框架

    纯代码写的一个tabbarcontroller,全部使用系统的方法实现,支持返回按钮自定义图片,全屏侧滑,支持去掉tabbar文字。效果如下: 效果 ###1.如何更换tabbar的选中和未选中图片 点击进入CustomController.m NSArray *...

    WinForm子窗体访问父窗体控件的实现方法

    在本例中,我们创建了一个名为`SetVisiableHandler`的委托类型,表示一个没有参数且返回值为void的方法。 ```csharp public delegate void SetVisiableHandler(); ``` 2. **在父窗体中创建子窗体**: 在父窗体...

    hook dx

    2. Dlg83_1_n.bmp、Message.bmp、all_butten_new1.bmp:这些都是位图文件,可能用于应用程序的用户界面元素,如对话框背景、按钮图像等。 3. UserInterface.cpp、HookDll.cpp、TimeManage.cpp、DialogMain.cpp、...

    word addin 插件

    word插件在word编辑界面添加一个新的TOOLBAR,并实现BUTTEN的响应函数

    Android RadioGroup多行显示效果 解决单选问题

    Android RadioGroup 多行显示效果可以通过使用两个 RadioGroup 来实现多行显示,并解决单选问题。但是,我们需要注意在使用 clearCheck() 方法时的错误处理。 通过本篇文章,我们可以了解到 Android RadioGroup ...

    C#.net 计算器编写

    网页形式实现加减乘和取余 protected void Button1_Click(object sender, EventArgs e) butten lable 键的编写

    android中的事件处理

    Android事件处理机制主要包括两种方式:监听器(Listener)模式和消息队列(Message Queue)。本篇文章将深入探讨Android事件处理的核心概念、工作原理以及如何在实践中应用。 一、事件处理基础 1. 触摸事件:...

    matlab做软件界面

    Butten Down 画 tvelght HuricUllLaIAliyr irrierIl v center ntarriintihl Entorno Property inspector Permile ver y editar las propiedades de un objeto Al hacer click dcrccho ...

Global site tag (gtag.js) - Google Analytics