选中/取消选中动态复选框时发出警报

时间:2014-07-24 00:11:38

标签: jquery html

嗨我有一个动态复选框,如果用户想要删除某一行,则会勾选这些复选框。现在我想要的是一个警告,上面写着“你确定要删除吗?”如果选中任何一个复选框并且“未选择任何内容!”如果没有选中复选框。这就是我到目前为止所做的:

HTML:

<th><input type="checkbox" name="select[]" value="<?php echo $row_direct['id']; ?>"></input></th>

脚本:

<script language="JavaScript" type="text/javascript">
var $delete = jQuery.noConflict();

$delete(document).ready(function(){

    $delete(".delete").click(function(e){

        if (document.getElementsByName('select[]').checked == false){
            alert('nothing is checked');
            e.preventDefault();
            return false;
        }

        else {
        if(!confirm('Are you sure you want to delete?')){
            e.preventDefault();
            return false;
        }
        return true;
        }

    });
});
</script>

发生的事情是我只得到“你确定要删除吗?”无论是否选中复选框都会发出警报。

非常感谢任何帮助。谢谢!

2 个答案:

答案 0 :(得分:1)

if ($delete('[name="select[]"]:checked').length > 0) {
  alert('Are you sure?');
} else {
  alert('Nothing checked');
}

答案 1 :(得分:0)

.checked函数上的getElementsByName不起作用,因为getElementsByName返回一个元素数组。这应该有效:

if (document.getElementsByName('select[]')[0].checked == false){ ...

但是,由于你已经加载了jQuery,Aguardientico为你提供了更好的解决方案。