Как передать булевую переменную в input type=checkbox?

Question

[FetterDetka]

Нужно присвоить булеву переменную tempHolderStatus в input type=checkbox.

checked=${tempHolderStatus} не работает.

Заткнул это костылем, но хотелось бы найти более элегантное решение.

function render(){
        if (taskListHolder.length>0){
            $.each(taskListHolder,function(index,value){
                tempHolderArrayElm=value;
                let tempHolderText= tempHolderArrayElm.text;
                let tempHolderId=tempHolderArrayElm.id;
                let tempHolderStatus =tempHolderArrayElm.status;
                //tempHolderStatus хочу передать в checked (checked=${tempHolderStatus} не работает)
                console.log(tempHolderStatus)
                //костыль которым я решил проблему
                if(tempHolderStatus){
                    $("#to-do-list").append(`<li class=list-decorate id=${tempHolderId}><input type=checkbox id=${tempHolderId}  class=task-check checked>
                    <span id=${tempHolderId} class=task-txt>${tempHolderText}</span> <input type=button class=task-delete-button value=Delete id=${tempHolderId}>
                    <input type=button class=task-edit-button value=Edit id=taskEditButton><br/> </li>`);
                    $('#tempHolderId').addClass("done-task-decoration");
          
                }else{
                    $("#to-do-list").append(`<li class=list-decorate id=${tempHolderId}><input type=checkbox id=${tempHolderId}  class=task-check unchecked>
                    <span id=${tempHolderId} class=task-txt> ${tempHolderText} 
                    </span> <input type=button class=task-delete-button value=Delete id=${tempHolderId}>
                    <input type=button class=task-edit-button value=Edit id=taskEditButton><br/> </li>`);
                    $('#tempHolderId').removeClass("done-task-decoration");
                }
            });
        }
     };

Comments

[Aetae]

Тебе надо передать строку - передавай строку:

let checked = '';
if(tempHolderStatus)
    checked = 'checked';
$("#to-do-list").append(`...<input type="checkbox" id="${tempHolderId}" class="task-check" ${checked}>...`);

[FetterDetka]

Aetae, я пробовал так, но видимо неправильно пробовал. щас работает, спасибо

[FetterDetka]

Aetae, не знаю как отметить тебе решение (

Answer 1

[Николай Савельев]

let chckd = "";
if(tempHolderStatus)
    chckd = 'checked';
$("#to-do-list").append(`...<input type="checkbox" class="task-check" ${chckd} id="${tempHolderId}">...`);