以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  按钮点击变色  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=192631)

--  作者:ycs5801
--  发布时间:2024/7/8 14:14:00
--  按钮点击变色
想设计3个按钮,点击某个按钮后该按钮变色,其它两个按钮恢复默认色。

With wb.AddButtonGroup("form1", "btn", False)
    .Add("btn", "111", "submit").Value = "btn1"    
    .Add("btn3", "222", "submit").FormAction = "accept.htm"
    .Add("btn4", "333", "submit").FormAction = "accept.htm?type=1&model=ha"
End With
wb.AppendHTML("<link rel=\'stylesheet\' href=\'./lib/anniu.css\'/>", True) \'引入样式文件
 wb.AppendHTML("<script src=\'./lib/anniu.js\'></script>") \'引入脚本文件
 下载信息  [文件大小:   下载次数: ]
点击浏览该文件:新建文本文档.txt



怎样在代码中可以绑定按钮的css呢?

--  作者:有点蓝
--  发布时间:2024/7/8 14:29:00
--  
那就不能使用submit,改为使用button,然后按钮绑定onclick事件,事件里调用函数,在函数里处理按钮的样式
--  作者:ycs5801
--  发布时间:2024/7/8 15:07:00
--  
函数里怎样处理按钮样式?
--  作者:有点蓝
--  发布时间:2024/7/8 15:38:00
--  
https://www.baidu.com/s?wd=js%E8%AE%BE%E7%BD%AE%E6%8C%89%E9%92%AE%E6%A0%B7%E5%BC%8F
--  作者:ycs5801
--  发布时间:2024/7/8 15:52:00
--  
With wb.AddButtonGroup("form1", "btn", False)
    With .Add("btn1", "自定义", "button") \'自定义按钮
     .Attribute = "on click=""click()"""
    End With
End With

click函数:
function click(){
var button = document.getElementById("btn1");
button.style.backgroundColor = "blue";
button.style.color = "white";
button.style.border = "1px solid red";
}

我这样写没成功,哪里不对?
[此贴子已经被作者于2024/7/8 15:52:18编辑过]

--  作者:有点蓝
--  发布时间:2024/7/8 16:05:00
--  
没看出哪里有问题。请自行使用浏览器开发者工具调试
--  作者:ycs5801
--  发布时间:2024/7/8 16:27:00
--  
如果想改变默认按钮的样式应该怎样修改?
--  作者:有点蓝
--  发布时间:2024/7/8 16:36:00
--  
就是5楼的用法