Home > Article > Web Front-end > Self-study chapter: js extraction of check box and radio button values and pure css 3D button_html/css_WEB-ITnose
a.button{
position:relative;
width: 80px;
height: 50px;
background-color: red;
display: block;
text-align: center;
margin: 100px auto;
border-radius:8px;
box-shadow:0px 9px 0px rgba(219,31,5,1),0px 9px 9px #333;
text-decoration: none;
}
a.button:ACTIVE {
position:relative;
width: 80px;
height: 80px;
background-color: red;
display: block;
text-align: center;
margin: 100px auto;
border-radius:8px;
box-shadow:0px 2px 0px rgba(219,31,5,1),0px 2px 9px #333;
text-decoration: none;
}
function chk() {
var value="";
var obj=document.getElementsByName('checkbox');
for(var i=0; i if(obj[i].checked){ if(i==obj.length-1) value =obj[i].value; else value =obj[i].value "和"; } } alert("您选择的是:" value); } function singlechk() { var s=""; var obj=document.getElementsByName('radio'); for(var i=0;i if(obj[i].checked) s =obj[i].value; } alert("您选择的是:" s); }