自習編：チェックボックスとラジオボタンの値のjs抽出と純粋なcss 3D button_html/css_WEB-ITnose

<スタイルタイプ="text/css">

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 : なし;

}

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 ：なし;

}

}＆lt;/style＆gt;

＆lt;/head＆gt;

＆lt; body＆gt; a class="button" href="">click

1

2

11

12

13

<スクリプトタイプ="text/javascript">

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] 。価値;

}

alert("您选择的是："+s);

}