【Salesforce/LightningWebComponent】チェックボックスの値取得は event.target.checked を使う

チェックボックスの値が取得できずに少し詰まったため、解消法を記録しておく。（他の方々も上げているとは思うが）

取得できなかった原因

evnet.target.value で値を取得しようとしていた。

解決法

event.target.checked で値を取得する。

実例

• html

<template>
	<lightning-card>
		<lightning-input class="checkbox" label="checkbox" type="checkbox" onchange={onClickCheckbox}></lightning-input>
	</lightning-card>
</template>

• JavaScript

import { LightningElement } from 'lwc';

export default class CheckboxComponent extends LightningElement {
  onClickCheckbox(event) {
		console.log("value = " + event.target.value);
		console.log("checked = " + event.target.checked)
  }   
}

• CSS

.checkbox {
	padding-left: 10px;
}

チェックボックスを true にしたとき

チェックボックスを false にしたとき