jquery获取radio单选框值与js获取复选框值代码

<div id="test1">
            <input id="radio1" type="radio" name="radio1" value="人">
            人
            <input id="radio2" type="radio" name="radio1" value="鬼">
            鬼
 </div>
 相对上面的情况有两种实现的方法：
//1、利用div的id实现
//#test1 input 代表是test1元素下的所有input元素
 $("#test1 input").click(function(){
alert($(this).attr("value"));});
//2、取得所有的单选类型的input元素，因为单选可能选择一个，所以this就是当前选择的单选框
 var radio = $('input[type="radio"]');
 radio.click(function()
 {
     alert($(this).attr("value"));   //取值
 });
 
下面来一个网页特效获取复选框值代码
 
<script>
function checkbox()
{
var str=document.getelementsbyname("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
  if(str[i].checked == true)
  {
   chestr+=str[i].value+",";
  }
}
if(chestr == "")
{
  alert("请先选择一个爱好～！");
}
else
{
  alert("您先择的是："+chestr);
}
}
</script>
<a href="http://www.111cn.net">网页制作教程</a><hr>
选择您的爱好：
  <input type="checkbox" name="box" id="box1" value="跳水" />跳水
  <input type="checkbox" name="box" id="box2" value="跑步" />跑步
  <input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
  <input type="button" name="button" id="button" onclick="checkbox()" value="提交" />