jqurey操作radio总结
2019獨角獸企業重金招聘Python工程師標準>>>
???? 在我們前端的項目中，會經常用到radio單選按鈕，下面給出個例子總結jquery對radio的各種操作：
示例如下：
<html> <head><meta?charset="UTF-8"><title>radio?</title><script?type="text/javascript"?src="jquery-1.10.2.js"></script>?? </head> <body><form><input?type="radio"?name="city"?checked="checked"?value="BeiJing">北京<input?type="radio"?name="city"?value="TianJin">天津<input?type="radio"?name="city"?value="NanJing">南京<input?type="radio"?name="city"?value="YangZhou">揚州<input?type="radio"?name="city"?value="SuZhou">蘇州</form> </body> <html>1、獲取選中的radio的值：
使用元素選擇器，再使用屬性過濾器name='city'，最后使用:checked選取被選中的元素。
2、給指定值的radio設置選中狀態：
注：很多時候我們更加value的值來選中對應的radio按鈕，上面都是直接寫死在代碼里面，但是很多的時候，我們value是后臺傳過來的值，會存在一個變量里面，這個變量每次存的值不會一樣。
例如：這個變量就叫做: ?Cityvalue
cityvalue是js用ajax從服務器請求過來的，比如cityvalue="TianJin";
如果我們直接把cityvalue寫到里面是有錯誤的：
例如;
$("input[type=radio][name='city'][value=cityvalue]").attr("checked",true);這樣是錯誤的，我們可以在console上打印出這串字符串，看一下他的值是如下：
因為cityvalue在""里面，所以這個就是他本來的名字值，而他所代表的字符串并沒有進去，所以我們不要把他放在雙引號里面，因為cityvalue本來也是一個字符串，所以采用連接的方式+，變為
$("input[type=radio][name='city'][value="+cityvalue+"]").attr("checked",true);這樣是對的，但是我覺得要和上面一樣得把：var cityvalue="'TianJin'"，就是在里面加上單引號，這樣拼成的字符串就和前面的一模一樣了：
????給name="city"而且value="YangZhou"的radio設置選中狀態。
3、取消name="city"的radio的選中狀態：
4、獲取name="city"的radio的個數：
5、獲取name="city"而且索引是偶數的radio:
索引是從0開始的。
6、獲取name="city"而且索引是奇數的radio:
索引是從0開始的。
7、迭代radio:
迭代name="city"的radio。
8、禁用radio:
禁用name="city"的radio。
9、啟用radio:
啟用name="city"的radio。
轉載于:https://my.oschina.net/u/1540325/blog/417224
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的jqurey操作radio总结的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SVG 和 CSS3 实现一个超酷爱心
- 下一篇： 【树莓派学习笔记】九、C语言寄存器操作控