Получить атрибут Javascript - jQuery

Question

У меня есть следующий HTML:

<label>
    <input type='checkbox' checked="checked" />
    CLICK ME....
</label>

и скрипт:

$(document).ready(function(){
    $("label").on("click",function(){
        if ($(this).children("input[type='checkbox']").is(':checked'))
        {
            //alert("checked");
           // return false;
        }
        else

        {
           // alert("not checked");
              // return false;        
        }
    });
});

Как я могу получить проверенное состояние? Если флажок установлен, я хочу выполнить другие операции другими способами.

Я использовал Live / On, потому что содержание добавляется динамически.

Пожалуйста, отметьте это jSfiddle

Answer 1

$("label").on("click",function(e){

    if($(this).find(":checkbox").prop("checked"))
    {
     alert("checked now...now make it unchecked");
       $(this) .children("input[type='checkbox']").prop("checked",false);
    }
    else{
    alert("not checked");
         $(this) .children("input[type='checkbox']").prop("checked",true);
    }
e.preventDefault();   

});

http://jsfiddle.net/5N7cW/21/

Answer 2

Пробовал это и работал (jQuery 1.7.1):

<label>
    <input type='checkbox' checked="checked" />
    CLICK ME....
</label>
<div id="result"></div>

$(document).ready(function(){
    $("label").live("click",function(){
        var elem = $(this).children("input[type='checkbox']");

        $('#result').html('prop: ' + elem.prop('checked'));
    });
});

jsFiddle: http://jsfiddle.net/tNGqs/

ОБНОВЛЕНИЕ: После ваших комментариев я создал второйjsfiddle: http://jsfiddle.net/8ByqX/

Как я понимаю, вы хотите избавиться от события срабатывания на дочернем элементе.Вы должны определить остановку распространения на элементе:

$(value).click(function(e) {
    e.stopPropagation();
});

Смотрите также комментарий Hello71 о принятом ответе здесь:

Как проверить наличие клика в родительском элементе, но не вребенок?

Answer 3

работает с последней версией jQuery v (1.7)

СОВЕТ: используйте атрибут for с умом .. см. for in label

HTML

<input type='checkbox' id="mycheckbox"/>
<label for="mycheckbox"> CLICK ME....</label> 

javascript

  $('input[type=checkbox]').on('click',function() {
        var checkboxStatus = $(this).prop('checked');
        alert(checkboxStatus);
        if(checkboxStatus)
        {
            alert('now checkbox is checked');
        } 
        else
        {
            alert('now checkbox is unchecked');
        } 
    });

working DEMO

Answer 4

     $("label").on("click",function(){

    $.each($(this).children("input[type='checkbox']"), function(index, value){

     if ($(value).is(':checked'))
            {
                //alert("checked");
               // return false;
            }else
            {
            }
    }) 
});

Answer 5

Попробуйте это:

$(document).ready(function(){
    $("label").click(function(){
        if ($(this).children("input[type='checkbox']").prop("checked")
        {
            //alert("checked");
           // return false;
        }
        else

        {
           // alert("not checked");
              // return false;        
        }
    });
});

Answer 6

Нашли ваше решение:

HTML:

<label>
    <input type='checkbox' checked="checked" />
    CLICK ME....
</label>

JQuery:

$(document).ready(function(){
    $("label").change(function(){
        alert($(this).children("input[type='checkbox']").prop('checked'));
    });
});

оповещает о текущем состоянии.

рабочая демонстрация 3 с меткой в ​​качестве родителя ввода