整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
web前端中做一些類似用戶資料提交的功能時，有時需要用到html的復(fù)選框，來讓用戶自定義選擇一些默認設(shè)置好的項目，今天就來說一說，如何利用 javascript 和 jquery 來判斷html復(fù)選框是否被選中。
示例1：
<!--html代碼-->
<input type="checkbox" name="green" onclick="Get(this)" />綠色
<script>
function Get(e){
//每次點擊都會輸出當前的狀態(tài)
console.log(e.checked);
}
</script>
示例2：
<!--html代碼-->
<input type="checkbox" name="green" onclick="Get()" />綠色
<script>
function Get(){
var check=document.getElementsByTagName('input')[0];
//每次點擊都會打印出當前的狀態(tài)
console.log(check.checked);
}
</script>
輸出結(jié)果：
注意：
1、checkbox復(fù)選框被選中時，輸出 true ,否則輸出 false
2、以上兩個示例的效果相同，只是調(diào)用的方法不同而已
jquery 判斷 checkbox 復(fù)選框是否被選中，可以使用 is() 和 prop() 兩種方法，都非常的簡單
is() 方法判斷復(fù)選框是否被選中的代碼：
<!--html代碼-->
<input type="checkbox" name="host" id="mochu" />網(wǎng)站：http://www.feiniaomy.com
<script>
$('#mochu').click(function(){
console.log($(this).is(':checked'));
});
</script>
prop() 方法判斷復(fù)選框是否被選中的代碼：
<script>
$('#mochu').click(function(){
console.log($(this).prop('checked'));
});
</script>
注意：prop()方法只能在 jquery 1.6版本之后使用，1.6之前的版本會報錯
在 jquery 1.6 之前的版本中，可以使用 attr() 方法來判斷復(fù)選框是否被選中，但1.6之后的版本，attr()方法會返回 undefined.
示例代碼：
tml如何選擇編碼，常見utf-8和gb2312編碼如何判斷選擇！
一、首先了解目前國內(nèi)中文網(wǎng)頁常用編碼是utf-8 還是gb2313。
百度搜索 使用utf-8
騰訊新聞 使用utf-8
淘寶 使用utf-8
亞馬遜 使用utf-8
W3Cschool.cn 也使用utf-8
支付寶 使用utf-8
360搜索 使用utf-8
小米官網(wǎng) 使用utf-8
魅族官網(wǎng) 使用utf-8
可見截止2017年05月02日這些名站，均使用utf-8編碼。
二、了解常見html編碼utf-8和gb2312。
1、utf-8
UTF-8（8-bit Unicode Transformation Format）是一種針對Unicode的可變長度字符編碼，又稱萬國碼。由Ken Thompson于1992年創(chuàng)建。現(xiàn)在已經(jīng)標準化為RFC 3629。UTF-8用1到4個字節(jié)編碼UNICODE字符。用在網(wǎng)頁上可以同一頁面顯示中文簡體繁體及其它語言（如日文，韓文）一般顯示簡體中文字、繁體中文字、英文、日文、韓文均支持。
2、GB2312
GB2312即信息交換用漢字編碼字符集。《信息交換用漢字編碼字符集》是由中國國家標準總局1980年發(fā)布，1981年5月1日開始實施的一套國家標準，標準號是GB 2312—1980。GB2312編碼適用于漢字處理、漢字通信等系統(tǒng)之間的信息交換，通行于中國大陸；新加坡等地也采用此編碼。中國大陸幾乎所有的中文系統(tǒng)和國際化的軟件都支持GB 2312。一般簡體中文的網(wǎng)站使用GB2312比較多。
3、W3Cschool小結(jié)
從文字支持上說utf-8比GB2312要多。一般企業(yè)站看情況自己選擇網(wǎng)頁編碼。
三、如何選擇utf-8和gb2313編碼制作html
單獨做html如果你是先div css做HTML，可以不用考慮編碼問題，及時制作好了HTML編碼要轉(zhuǎn)換也很簡單，只需要通過DW等軟件即可完成html編碼轉(zhuǎn)換。
根據(jù)程序文件編碼定如果在開發(fā)DIV CSS時就知道了程序文件時哪種編碼。這個時候就要根據(jù)開發(fā)程序文件編碼確定編碼。如果程序文件和HTML編碼不同很容易照成Html亂碼（html中文亂碼）。如果不會程序開發(fā)卻使用開源程序比如dedecms 、帝國、phpcms 等網(wǎng)站系統(tǒng)時，開發(fā)HTML和使用開源程序編碼也要保持一致。
總結(jié)：
無論什么情況下開發(fā)DIV CSS使用HTML編碼要根據(jù)程序確定，如果無法確定要使用程序編碼，這個時候選擇常用gbk和utf編碼兩種均可，如果在開發(fā)HTML時知道程序文件使用什么HTML編碼，這個時候在開發(fā)DIV CSS時候就要與程序文件使用編碼保持一致，避免網(wǎng)頁亂碼問題。
所以建議最好用UTF-8，國際通用。GB2312是國內(nèi)用的，簡體中文。
篇文章主要的向大家介紹了關(guān)于html input標簽的單選按鈕的使用方法，還有關(guān)于HTML input標簽的單選默認按鈕的做法。接下來我們一起來看看這篇文章吧
<input> 標簽用于搜集用戶信息。根據(jù)不同的type屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。
> <form action="form_action.asp" method="get">
>
> <input type="radio" name="radio" value="1">單選1
>
> <input type="radio" name="radio" value="2">單選2
>
> <input type="radio" name="radio" value="3">單選3
>
> <input type="radio" name="radio" value="4">單選4
>
> </form>這個的效果很容易看到，我們還是先看看瀏覽器中的顯示效果吧：
這個效果一眼就能看到，很簡單的一個代碼
還有種是很多網(wǎng)站上都是經(jīng)常見到的，比如：單選性別，這個基本上都是用這種單選框去制作的。代碼如下：
HTML中的單選按鈕實現(xiàn)男女性別選擇，不讓男女同是都能都能選擇，實現(xiàn)方法：在按鈕的屬性里寫一個name屬性，并且把name的值設(shè)置成相同的
> <input id="man" type="radio" checked="checked" name="1" />男
>
> <input id="woman" type="radio" name="1"/>女這個就不給圖了，比上面那個還簡單，就兩個單選框，我們經(jīng)常遇到的這個。
現(xiàn)在來說說HTML單選框按鈕怎么默認選中：
首先我們先把第一個實例拿出來繼續(xù)說，我們只需要在其中加一個屬性，如下：
> <form action="form_action.asp" method="get">
>
> <input type="radio" name="radio" value="1">單選1
>
> <input type="radio" name="radio" value="2" checked>單選2
>
> <input type="radio" name="radio" value="3">單選3
>
> <input type="radio" name="radio" value="4">單選4
>
> </form>這上面我沒做任何的點擊，自己出現(xiàn)在那上面的，刷新過后還能看到在單選2上面。
我們就可以看到，這樣就把單選框給默認選中了，大家可以自己試試，多敲敲代碼。
好了，以上就是這篇關(guān)于html input標簽做單選按鈕的文章了，有問題的可以在下方提問。
以上就是html單選按鈕默認選中怎么做？input標簽的單選按鈕用法實例的詳細內(nèi)容，更多請關(guān)注我！！！
我自己是一名從事了多年開發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年我花了一個月整理了一份最適合2020年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號并在后臺私信我：前端，即可免費獲取。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
