当您登录一些网站或论坛时，通常会要求您先浏览并确认用户协议。“我已阅读并同意”复选框通常设置在“用户协议”的底部，“登录”按钮仅在选中该复选框时可用。

如下图所示，勾选“我已阅读并接受”复选框，登录按钮将对应于点击事件。成功登录后，将切换到欢迎屏幕。

我们通常怎么做？很多学生会想到用javascript来设置按钮的禁用属性。这当然是个好方法，但是如果用JQuery，代码会更简洁，同时我们的约束也会上去，哈哈。

对于按钮，JQuery提供了一个bind()方法和一个unbind()方法，因此我们可以随时随地在按钮上添加或删除Click事件。

详细代码如下：

htmlstyle type='text/css '。隐藏{ display: none}.显示{ display:块；}/style script language=JAVAScript src=' http : js/jquery . min . js ' type=text/JAVAScript/script script $(文档)。ready(function() { $('#logoutBtn '))。add CLaSS(' hide ')；$('#logoutBtn ')。bind('click '，function() { $('#title ')。html('Agreementsbr1。br2。br3。');$(' # logintn ')。removeClass(“隐藏”)。add CLaSS(' show ')；$('#confirm ')。removeClass(“隐藏”)。add CLaSS(' show ')；$('#logoutBtn ')。removeClass('show ')。add CLaSS(' hide ')；});});函数Docheck(){ if($(' input[type=' checkbox ']')。is(' : checked '){ $(' # logintn ')。bind('click '，function() { $('#title ')。文字('欢迎来到我们的网站！');$(' # logintn ')。removeClass('show ')。add CLaSS(' hide ')；$('#confirm ')。removeClass('show ')。add CLaSS(' hide ')；$('#logoutBtn ')。removeClass(“隐藏”)。add CLaSS(' show ')；});} else { $(' # logintn ')。解除绑定(“点击”)；} }/script body p id=' title ' Agreementsbr1。br2。br3。/p div id=' confirm ' input id=' cbx ' type=' checkbox ' onclick=' Docheck()'/我已阅读并接受。/div输入id='登录BTN '类型='按钮'值='登录'/输入id='注销BTN '类型='按钮'值='注销'/body/html代码也使用了JQuery的几种方法，所以简单解释一下：

Html()方法：设置选中元素的html内容，相当于document . getelementbyid(“# XXX”)。innerhtml="XXX "。Text()方法：设置选中元素的文本内容，相当于document . getelementbyid(“# XXX”)。innertext="XXX "。移除类():从所选元素中移除CSS样式。AddClass():向所选元素添加CSS样式。$(“输入[type=' checkbox']”)。is (':已选中'):确定复选框是否已选中。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。