點擊文字同時選中checkbox radio按鈕 label實現


原始的一些方法可能是利用js、jq給文字加一個點擊事件click,判斷去實現選中按鈕

后來,在真正用到的時候試着找更簡單的方法,發現label這個真的很好用,很簡單,有兩種實現方法如下:

1、demo1 將label放在input標簽外面,同時使label的for屬性值等於input的id屬性值

    <p>
<label for="content_1" style="font-weight:normal">
<input type="radio" name="sex" value="男" id="content_1">男
</label>
</p>
  <p>
<label for="content_2" style="font-weight:normal">
<input type="radio" name="sex" value="女" id="content_2">女
</label>
</p>

2、demo2 將input和label放在同一個標簽p中同時lable的for屬性的值等於input的id屬性值就可以實現點擊label同時控制input
   <p>
<input type="radio" name="sex" value="男" id="content_1">男
     <label for="content_1" style="font-weight:normal"> </label>
    </p>
   <p>
    <input type="radio" name="sex" value="女" id="content_2">女
    <label for="content_2" style="font-weight:normal"> </label>
</p>


注:最重要的一點就是保證lable的for屬性的值等於input的id屬性值

 

 
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM