按钮选择、样式改变

案例一：目的：通过按钮实现全选、全不选、反选等功能。

思路：第一步：根据标签数设置input标签，根据按钮数设置bottom标签进行布局；第二步：Js 需要判断每一个input标签是否为真值，全选的时候为真值，全不选的时候为假值，反选的时候需要用到if判断，如果为真则为空，否则为假，采用下角标的方式，inpt[i]的方式 来判断，检查checked的值。

代码如下：

请选择你要学的课程 HTML CSS Javascript JQuery PHP C语言 Python 全选 全不选 反选

 

效果如下：

点击反选后：

案例二：目的：通过按钮实现样式变宽变高变背景等功能。

注意事项：在Js原生的代码中backgroundColor的写法，应该用驼峰命名法，后面的值例如red应该加上引号写成"red"，否则不能显示。

变高 变宽 变背景 变字体大小 还原 Hello World

 

效果如下：

除还原按钮以外依次点击后效果

转载于:https://www.cnblogs.com/bonly-ge/p/6757705.html