1 <div > 2 性别:<input type="radio" id="Radio1" name="rdoSex" value="男"/>男 3 <input type="radio" id="Radio2" name="rdoSex" value="女"/>女 4 <input type="button" id="btn1" value="click me"/><br/> 5 <input type="checkbox" name="play" id="ckb1" value="足球"/>足球 6 <input type="checkbox" name="play" id="ckb2" value="篮球"/>篮球 7 <input type="checkbox" name="play" id="ckb3" value="排球"/>排球 8 </div>
html代码如上
JavaScript、jQuery代码如下
1 $(function(){ 2 $("#btn1").click(function(){ 3 //获取radio选中的值 4 var temp1=$("#Radio1").is(":checked")?"男":"女"; 5 var temp2=(Radio1.checked)?"男":"女"; 6 var temp3=$('input:radio[name="rdoSex"]:checked').val(); 7 8 var play ="" 9 //获取checkbox选中的值 10 $("input[name='play']").each(function(){ 11 if(true==$(this).is(":checked")) 12 { 13 play+=$(this).attr('value'); 14 } 15 }); 16 alert("play"+play); 17 }); 18 });