jquery find子元素是否是复选框

时间:2014-02-12 07:26:42

标签: javascript jquery

如何查找子节点是否为复选框

<div class="dhx_multi_select_userselect" style="overflow: auto; height: 22px; position: relative;">
<label><input type="checkbox" value="1">test</label>
<label><input type="checkbox" value="2">cartoon</label>
<label><input type="checkbox" value="3">magic</label>
<label><input type="checkbox" value="4">ads</label>
</div>

$( "dhx_multi_select_userselect" ).find( "checkbox" ).each()
{
alert('Make');
}

但上面的代码显示一次警报。实际上应该弹出4次

问题是解决问题的任何建议

4 个答案:

答案 0 :(得分:3)

我猜问题就是你使用each的方式,你错过了dot类选择器和冒号:复选框之前。

<强> Live Demo

$( ".dhx_multi_select_userselect" ).find( ":checkbox" ).each(function(){    
    alert('Make');
});

答案 1 :(得分:1)

您的.each()函数出现语法错误。

尝试,

$(".dhx_multi_select_userselect" ).find("[type='checkbox']").each(function(){
   alert('Make');
});

答案 2 :(得分:1)

试试这个。

if( $('dhx_multi_select_userselect').find('input[type="checkbox"]') ){
    alert('make')
}

答案 3 :(得分:0)

您可以尝试关注并避免使用find方法,它也会更快。

$( ".dhx_multi_select_userselect input[type=checkbox]" ).each(function(){    
  alert($(this).parent().text());
});