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

jquery获取radio单选框值与网页特效获取复选框值代码
<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.zzzyk.com">网页制作教程</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="提交" />

补充：网页制作,js教程