- 前記事: 12. 特定の単語を入力したらボタンを無効にする
- 次記事: 14. 「承認」ボタンを押したら解除できないようにする
13. 「承認」チェックボックスをオンにしないと「送信」ボタンを押せないようにする
- 「承認」チェックボックスがオフだと「送信］ボタンが半透明になり、押しても効きません。
- 「承認」チェックボックスをオンにすると「送信」ボタンが押せる状態になります。
- 画面を再読み込みすると最初の状態に戻ります。
サンプルコード
ポイント: htmlのボタンの属性の:disabled="!a"で、aの論理値を反転しています。
<div class="btn btn-primary" :disabled="!a">
送信
</div>
「承認」チェックボックスがオフの状態だと、「送信」ボタンの属性はdisabled="true"ではなくdisabled="disabled"になるのでご注意ください。
- 前記事: 12. 特定の単語を入力したらボタンを無効にする
- 次記事: 14. 「承認」ボタンを押したら解除できないようにする