checked and unchecked checkbox dynamically using angular

Question

I want to make the checkbox checked and unchecked from the function based on value , if suppose checkbox value is 120, how to make that checkbox checked

<input type="checkbox" [checked] = "isEnabled" value={{rowData.FILE_LOAD_ID}} id={{rowData.FILE_LOAD_ID}}>

I already have isEnabled variable that sets value based on different condition onInit, later i want to check and uncheck the checkbox based on checkbox value — TamilRoja
– TamilRoja, Commented Jul 13, 2018 at 8:55
$('input.type_checkbox[value="6"]').prop('checked', true); I need this condition in typescript. please help me — TamilRoja
– TamilRoja, Commented Jul 13, 2018 at 9:14

Krishna Rathore · Accepted Answer · 2018-07-13 08:46:17Z

6

you can use [checked] = "rowData.FILE_LOAD_ID==120"

<input type="checkbox" [checked] = "rowData.FILE_LOAD_ID==120" value={{rowData.FILE_LOAD_ID}} id={{rowData.FILE_LOAD_ID}}>

answered Jul 13, 2018 at 8:46

Krishna Rathore

9,7375 gold badges28 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-02-07 06:50:50Z

5

[checked] = "isEnabled()"

add function

isEnabled() {  
return this.someValue === 120; 
}

edited Feb 7, 2020 at 6:50

CommunityBot

11 silver badge

answered Jul 13, 2018 at 8:31

Woworks

1,47816 silver badges22 bronze badges

Collectives™ on Stack Overflow

checked and unchecked checkbox dynamically using angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related