原始的一些方法可能是利用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屬性值