«

jquery判断checkbox是否选中

时间:2024-2-3 10:30     作者:韩俊     分类: Javascript


使用jquery判断一组checkbox是否选中,以及如何如何使用js提交checkbox选中的值。具体代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.maopiaopiao.com/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('input[type=button]').click(function(){
        var result=new Array(),str='';
        $('input[name="username[]"]:checked').each(function(){
            result.push($(this).val());
        });
        var str=result.join(',');
        if(str==''){
            alert('没有选中任何选项!');
            return false;
        }
        alert(result);
        //提交选项值
        $.post('http://www.maopiaopiao.com/',{username:str},function(){});
    });
});
</script>
<title>jquery判断checkbox是否选中示例</title>
</head>
<body>
<input name="username[]" type="checkbox" value="taobao" />淘宝
<input name="username[]" type="checkbox" value="google" />谷歌
<input name="username[]" type="checkbox" value="phpernote" />phper笔记
<br />
<input type="button" value="提交" />
</body>
</html>

标签: javascript html css

热门推荐