实现停止，启动，按钮之间的状态控制

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

编程动力 http://www.bcexe.com 专业的编程开发类网站,网络编程,软件开发,网站开发,一切尽在这里!
<html>
<head>
<title>FocusTest</title>
<script>
</script>
</head><body>
<form>
<input type="button" id="Submit1"  value="Submit1" onclick="document.getElementById('Submit2').disabled=true">
<input type="button" id="Submit2"  value="Submit2" onclick="document.getElementById('Submit1').disabled=true">
</form>
</body>
</html>
你是想用哪个按钮作提交按钮？submit1 submit2?
比如说，submit1 是启动按钮，submit2是停止按钮，我点启动后，启动为灰色，不可用，这时候可以点击停止按钮，点完后，也变成灰色，这时候启动按钮就得变为可用，不是灰色了，我这个功能，上面的都可以实现了，但是实际上按钮的作用没发生，也就我点按钮的时候就会去执行我的action 但现在没执行，按钮的状态是可以改变了，我在上面直接用form1.submit();也不起作用
上面这段代码，的确管用，不过，都还没理解我的意思啊，现在两个按钮的状态改变已经实现了，就是为什么我的按钮现在不执行提交任务了，就是不执行我的action了，
<html>
<head>
    <title>FocusTest</title>
    <script>
    </script>
</head><body>
<form target="yannian" action="http://www.baidu.com">
<input type="button" id="Submit1"  value="Submit1" onclick="document.getElementById('Submit2').disabled=true;this.form.submit()">
<input type="button" id="Submit2"  value="Submit2" onclick="document.getElementById('Submit1').disabled=true;this.form.submit()">
</form>
<iframe name="yannian" ></iframe></body>
</html>
还是不行啊！我把代码都贴出来，大家看看，到底该怎么办啊我的页面 config.jsp
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'config.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
  </head>  <body >
    用户操作页面 <br>
<form id="form1" name="form1" action="<%=request.getContextPath()%>/config.do" method="post">
   <table width="200" border="1">
  <tr>
    <td colspan="2"><div align="center"><%=session.getAttribute("status")%></div></td>
    </tr>
  <tr>
    <td><div align="center">
  <input name="submit" type="submit"  id="submit1" onClick="document.form1.submit1.disabled = 'disabled';
document.form1.submit2.disabled = '';" value="启动" onChange="form1.submit()"/>
    </div></td>
    <td><div align="center">
     <input name="submit" type="submit"  id="submit2" onClick="document.form1.submit2.disabled = 'disabled';
document.form1.submit1.disabled = '';" value="停止" onChange="form1.submit()" />
    </div></td>
  </tr>
</table>
</form>
  </body>
<script language="javascript">
function showClick(){
var obj=document.form1;
obj.submit();
}
</script>
</html>
我的action,package com.ruigao.struts.action;import java.sql.ResultSet;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;import com.ruigao.struts.base.DBCon;
import com.ruigao.struts.dao.ConfigDAO;/**
* MyEclipse Struts
* Creation date: 04-16-2008
* 负责配置的action
* XDoclet definition:
* @struts.action validate="true"
*/
public class ConfigAction extends Action {
/*
* Generated Methods
*/ /**
* Method execute
* @param mapping
* @param form
* @param request
* @param response
* @return ActionForward
*/
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
// TODO Auto-generated method stub
HttpSession session = request.getSession();
String status = null;
try{
String sql="select * from tbl_services";
DBCon db = new DBCon();
ResultSet rs = db.select(sql);
if(rs.next()){

status = rs.getString("status");
System.out.println("status is .....:"+status);

if(status.equals("stop")){
System.out.println("status is :"+status);
db.update("update tbl_services set status='start'");


}else if(status.equals("start")){
db.update("update tbl_services set status='stop'");


}
session.setAttribute("status", status);
rs.close();
db.close();
} }catch(Exception e){
e.printStackTrace();
}
return mapping.findForward("config");

}
}说明：：
功能是这样的，我数据库中有一个字段，status,它有两个值，start和stop，页面中，我取得数据库中的status字段，显示在页面中，放在form里，下面有两个按钮，stop和start，点击stop时，修改数据库中这个值为stop，页面中显示stop，同样start也如此，现在这个功能我多实现了，然而我在页面中想做一个判断，就是当点击start后，start变为灰色，stop可以点击，同样，点击stop时，stop变为灰色，不可用，start可用，这个javascript也实现了
问题：关键在于，我现在只能改变两个按钮的状态，却不去执行我的action了，弱国我在上面来个.submit()后，可以执行我的action了，但又不执行按钮状态的改变了，找不出原因，忘高手们给予指点
首先我不懂JSP，只做过JS+AJAX+PHP。所以我不是很明白你这个功能的意图是什么，你这里非AJAX提交不刷新页面的？也不是iframe的提交。但是我做了个测试，当执行button.disabled='ture'以后，IE将不会继续调用该按钮的默认行为处理，而Firefox仍然会调用该按钮默认行为submit()。所以你的代码在FF里可能行得通。
估计IE在执行完你的代码后可能会做个判断，如果该按钮的disabled=true，就不会调用其默认行为的submit()，类似于在onclick='return false'的效果。我做了点改动
onclick="this.form.submit();this.disabled='true';"
表单是提交了～至于按钮有没有禁止，俺就不知道了，因为页面已经跳转……
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<form id="form" name="form1" method="post" action="http://www.baidu.com">
  <label>
  <input type="submit" name="Submit1" value="启动" onclick="document.getElementById('Submit1').disabled='disabled';document.getElementById('Submit2').disabled='';window.open(document.getElementById('form').action,'_blank');"/>
  <input type="submit" name="Submit2" value="关闭" onclick="document.getElementById('Submit1').disabled='';document.getElementById('Submit2').disabled='disabled';window.open(document.getElementById('form').action,'_blank');"/>
  </label>
</form>
</body>
</html>