флажок jquery checkbox проверен для переключения при нажатии кнопки

Question

Я хочу установить флажок при нажатии кнопки.

Вот мой JQuery

$("#choose_address2").on("click", function() { 
    console.log("click!!! address2"); 
    var $checkbox = $(this).find(':checkbox'); 
    var checkBoxes = $("input[name=checkbox]]"); 
    checkBoxes.prop("checked", !checkBoxes.prop("checked")); 
}); 

Вот мой Input

<span id="choose_address2" class="btn btn-info"> 
<i class="fa fa-plus-circle"></i>เพิ่มที่อยู่ 
<input type="checkbox" name="choose_address" {{#if customer.addresses}}checked{{/if}} id="choose_address1" hidden> 
</input></span> 

По умолчанию кнопка нажата. однако, когда я нажимаю span с id choose_address2 Я хочу изменить состояние. Любые предложения будут высоко оценены.

Answer 1

Try This

$("#choose_address2").on("click", function() { 
    console.log("click!!! address2"); 
    var $checkbox = $(this).find(':checkbox'); 
    var checkBoxes = $("input[type='checkbox']"); 
    if(checkBoxes.prop("checked")==true) 
    checkBoxes.prop("checked", false); 
    else 
    checkBoxes.prop("checked", true) 
}); 

Или Это также работает

$("#choose_address2").on("click", function() { 
    console.log("click!!! address2"); 
    var $checkbox = $(this).find(':checkbox'); 
    var checkBoxes = $("input[type='checkbox']"); 
    (checkBoxes.prop("checked")==true)?checkBoxes.prop("checked", false):checkBoxes.prop("checked", true);  

}); 

Answer 2

Вот пример

HTML

<input type="checkbox" class="toggle" checked> 
<input type="checkbox" class="toggle"> 
<button id="choose_address2"> 
Toggle checkbox 
</button> 

JQ

$('#choose_address2').click(function(){ 
    $('.toggle').each(function(){ 
    $(this).prop('checked', !$(this)[0].checked); 
    }) 
}) 

Demo http://jsfiddle.net/mPstq/94/

Answer 3

Спасибо всем за вас предложение ..

Это сделал трюк для меня:

$("#choose_address2").click(function(){ 
    var checkBox = $("#choose_address1"); 
    console.log("click!!! address2"); 
    checkBox.trigger('click'); 
}); 

Answer 4

$("#choose_address2").on("click", function() { 
    var $checkbox = $(this).find(':checkbox'); 
    $checkbox.prop("checked", !$checkbox.prop("checked")); 
});