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

本文介绍如何在一个form中加入多个通讯卡选项,并通过JavaScript实现伪分页,确保用户体验的同时减少页面加载压力。

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

在一个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页。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值