源生的html属性js,点击切换按钮 源生js实现

Document

.twenty {

width: 29%;

height: 35px;

border: 1px solid #c3c3c3;

color: #8b8b8b;

margin-top: 19px;

margin-left: 10px;

float: left;

border-radius: 8px;

text-align: center;

line-height: 35px;

font-size: 13px;

}

.elect {

border: 1px solid #db3752;

color: #db3752;

}

20元

50元

100元

200元

500元

其他金额

// 选择充值金额

var payMoney = document.getElementsByClassName('twenty');

for (var i = 0; i < payMoney.length; i++) {

payMoney[i].onclick = function() {

delClass()

var classVal = this.getAttribute('class');

classVal = classVal.concat(" elect");

this.setAttribute("class", classVal);

}

}

// 删除所有elect类

function delClass() {

var payMoney = document.getElementsByClassName('twenty');

for (var i = 0; i < payMoney.length; i++) {

var allClass = payMoney[i].getAttribute('class');

allClass = allClass.replace('elect', '');

payMoney[i].setAttribute('class', allClass)

}

}