フォームのテキスト入力フィールドの横にチェックボックスを表示しようとしています。チェックボックスは通常どおりオン/オフにチェックできますが、テキスト入力フィールドをクリックすると、チェックボックスも自動的にチェックされます。
チェックボックスのラベル内にテキスト入力を入れてこれを試しましたが、機能しません。入力フィールドの代わりに通常のテキストを使用すると、正常に機能します。
<input type="checkbox" id="box">
<label for="box">
<input type="text">
</label>
HTML / JSでこれをどのように達成できますか?私はVueJSプラグインのコンテキストで作業しています。
<input>
(フォーカスして編集を開始)のクリックアクションはのをオーバーライド<label>
するため、JSを使用する必要があります。
document.querySelector('#text').addEventListener('click', ()=>{
document.querySelector('#box').checked=true
})
<input type="checkbox" id="box">
<input type="text" id="text">
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加