Question

我有一个复选框数组

<input id="c1" type="checkbox" name="hour[]" class="create-daily" value="1" /><br />
<input id="c2" type="checkbox" name="hour[]" class="create-daily" value="2" /><br />
<input id="c3" type="checkbox" name="hour[]" class="create-daily" value="3" /><br />

这是我的JavaScript

$(".create-daily").live("click",function(){
if ($( ".create-daily" ).attr("checked")){
$( "#form_input" ).dialog( "open" );
    }
});

当我选中第一个复选框时，对话框显示，当我选中第一个复选框然后选中第二个复选框时，会显示第二个复选框...

...但是当我在没有选中第一个复选框的情况下检查第二个复选框时，对话框没有显示，你能帮助我吗？

当我选中其中一个复选框（例如chekbox number 3）而不检查第一个复选框时，如何显示对话框？

提前致谢

Answer 1

$(".create-daily").live("click",function(){
    if ($(this).is(":checked")){
        $( "#form_input" ).dialog( "open" );
    }
});

的 DEMO 的

Answer 2

使用 this 获取实际点击的元素：

$(".create-daily").live("click",function(){
    if ($(this).attr("checked")){
        $( "#form_input" ).dialog( "open" );
    }
});

显示对话框时出现错误复选

2 个答案: