Question

我是编程新手。请帮帮我。

我的Html就像：

<div class = "myclass"> 
    <div>
        <div> 
            <input type="checkbox" id="as" value="11" text="onerr"/>
            <input type="checkbox" id="Checkbox1" value="12" text="twowo"/>
        </div>
    </div>
</div>

我想循环“myclass”类的div中的所有复选框

我做了

 $(".myclass input[type:checkbox]").each(function (ii) {

        //here my code

        });

但是它给出了js错误

我做错了请帮帮我

提前致谢。

Answer 1

使用：像这样的复选框

$('.myclass input:checkbox')

Answer 2

使用type="checkbox"代替type:checkbox

$(".myclass input[type='checkbox']").each(function (ii) {
    // your code
});

Demo

您可以使用:checkbox selector之类的，

$(".myclass input:checkbox").each(function (ii) {
     console.log(this.value);
});

Demo 2

Answer 3

尝试

$(".myclass input:checkbox").each(function (ii) {
    //here my code
 });

Answer 4

这样做

$(".myclass input[type='checkbox']").each(function (ii) {
    // your code
});

即使这样也可以

$('.myclass input:checkbox').each(function (ii) {
    // your code
});

Answer 5

错误在这里：要选择checkbox，您可以像这样使用attribute selector

$(".myclass input[type=checkbox]").each(function (ii) {

$(".myclass input[type='checkbox']").each(function (ii) {//quotes optionals but use them if there is some special chars

或:checkbox selector

$(".myclass input:checkbox").each(function (ii) {

$(".myclass :checkbox").each(function (ii) {//is identical

Answer 6

您可以使用:checkbox选择器执行此操作： -

$(".myclass input:checkbox").each(function (e) {....

您的代码中出现错误： -

$(".myclass input[type:checkbox]").each(function (ii) {
                   ___^___

因为上述地方的错误。

基于Attribute Equals选择器的正确语法是： -

$(".myclass input[type=checkbox]").each(function (ii) {

从类名中选择div中的复选框

6 个答案: