中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

使用prototype.js选择选中radio与checkbox - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax框架学习 > prototype.js > 使用prototype.js选择选中radio与checkbox

使用prototype.js选择选中radio与checkbox

2008-09-08    文章来源:互联网    浏览次数:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用prototype.js选择选中radio与checkbox by okajax.com</title>
<script language="javascript" type="text/javascript" src="prototype.js"></script>
<script language="javascript" type="text/javascript">

    function testSelect()   
    {   
        var chkbox = document.getElementsByName('slt');   
        var nodes = $A(chkbox);   
        var sltNodes = nodes.select(function(node)   
        {   
        return node.checked;   
        });   
        sltNodes.each(function(node)   
        {   
        alert(node.value);   
        });   
    }   


    function testSelect2() {   
       $$('input[type="radio"][name="bank"]').select(function(i){return i.checked}).each(function(i){alert(i.value)});   
    }   
</script>

</head>

<body>

<input type="checkbox" name="slt" value="1"/>
1<br/>

<input type="checkbox" name="slt" value="2"/>

2<br/>

<input type="checkbox" name="slt" value="3" checked="true"/>

3<br/>

<input type="button" value="test select" onclick="testSelect()">

 

<hr
/>

 

<input type="radio" name="bank" value="bank1"/>

1<br/>

<input type="radio" name="bank" value="bank2"/>

2<br/>

<input type="radio" name="bank" value="bank3" checked="true"/>

3<br/>

<input type="button" value="test select" onclick="testSelect2()">

 

</body>

</html>

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部