鐵軌複選框選擇使用鏈接

Question

你好，我使用兩個複選框與每個循環，並使用javascript我想改變複選框的值。 使用javascript.but將複選框的值設置爲false，然後單擊它將其設置爲true，但是複選框上將顯示點號。 這裏是javascript代碼：

$(".sp-modal-content a.btn-icon").each(function(){ 
    console.log($(this)); 
    $(this).click(function(){ 
    ($(this).attr('id')); 
    console.log($(this).find('input[type="checkbox"]').val()); 
    if($(this).find('input[type="checkbox"]').is(":checked")) 
    { 
     alert("true"); 
     $(this).find('input[type="checkbox"]').attr('checked',false); 
    } 
    else { 
     alert("false"); 
     alert($(this).find('input[type="checkbox"]').val()); 
      $(this).find('input[type="checkbox"]').attr("checked" ,"checked"); 

    } 

    }) 
}) 

Answer 1

到位attr的使用道具可能會解決這個問題

$(".sp-modal-content a.btn-icon").each(function(){ 
    console.log($(this)); 
    $(this).click(function(){ 
    ($(this).attr('id')); 
    console.log($(this).find('input[type="checkbox"]').val()); 
    if($(this).find('input[type="checkbox"]').is(":checked")) 
    { 
     alert("true"); 
     $(this).find('input[type="checkbox"]').prop('checked',false); 
    } 
    else { 
     alert("false"); 
     alert($(this).find('input[type="checkbox"]').val()); 
      $(this).find('input[type="checkbox"]').prop("checked" ,true); 

    } 

    }) 
}) 

同時，我想你想切換上點擊 這可能是更短的方式複選框。我還沒有測試過它。

$(".sp-modal-content a.btn-icon").each(function(){ 
    $(this).click(function(){ 
    element = $(this).find('input[type="checkbox"]') 
    previousValue = element.attr('checked') 
    element.prop('checked', !previousValue) 
    }) 
})