成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery 操作input中radio的技巧
全站頭部文字 我要出現(xiàn)在這里
jQuery 操作input中radio的技巧 697 2024-02-24   

通過jQuery獲取頁面中的所有radio對象,遍歷頁面中的radio,取消選中的標簽,因為使用到jQuery時間,因此引用到了網(wǎng)上公共的js,這只是本人的一些總結,大神勿噴。

<html>
<head>
<title>取消</title>
<script language="javascript">
function _onclick() {
$("input[name='ra']:checked").val();
var radios = document.getElementsByName("ra");
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radios[i].checked=false;
break;
}
}
}
function _onclick1() {
var item = $("input:radio[name='ra'][checked]").val(); 
alert(item)
var radios = $("input[name='ra']");
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radios[i].checked=false;
break;
}
}
}
function _onclick2() {
var radios = $("input[type='radio']");
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radios[i].checked=false;
}
}
}
</script>
</head>
<body>
<div><ol>
<li><input type="radio" name="ra" value="1">1</li>
<li><input type="radio" name="ra" value="2">2</li>
<li><input type="radio" name="ra" value="3" checked>3</li>
<li><input type="radio" name="ra" value="4">4</li>
<li><input type="radio" name="ra" value="5">5</li>
<li><input type="radio" name="ra" value="6">6</li>
<li><input type="radio" name="ra" value="7">7</li>
<li><input type="radio" name="ra" value="8">8</li> 
</ol></div>
<div><ol>
<li><input type="radio" name="ra1" value="1">1</li>
<li><input type="radio" name="ra1" value="2">2</li>
<li><input type="radio" name="ra1" value="3" checked>3</li>
<li><input type="radio" name="ra1" value="4">4</li>
<li><input type="radio" name="ra1" value="5">5</li>
<li><input type="radio" name="ra1" value="6">6</li>
<li><input type="radio" name="ra1" value="7">7</li>
<li><input type="radio" name="ra1" value="8">8</li> 
</ol></div>
<input type="button" value="GetValue1" onclick="_onclick()" />
<input type="button" value="GetValue2" onclick="_onclick1()" />
<input type="button" value="GetValue3" onclick="_onclick2()" />
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script>
</body>
</html>

文中使用3中獲取radio對象的方式,前兩種使用的比較多,第三種直接通過type標簽獲取對象,有可能獲取到頁面中所有的radio對象,因此不推薦使用。

以上所述是小編給大家介紹的jQuery 操作input中radio的技巧,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網(wǎng)網(wǎng)站的支持!



主站蜘蛛池模板: 小宏人司机版| 果宝特攻5 2030| 24点数学题目100道| 想要更多| 徐若晗个人简介| 爱来爱去微电视完整| 故都的秋ppt| 袁波| 黄网站免费在线观看| 2024微信头像图片新款| 一起再看流星雨| 寻宝电影| 夜电影| 浙江旅游地图| 通灵之王| 去分母解一元一次方程100道及答案| 拾贝的小女孩阅读理解答案| 邓为个人资料简介图片| 蝴蝶视频在线观看| 749局啥时候上映| 二年级上册第一单元数学试卷可打印| 打男生军人光屁股的网站视频| 十大名茶排名顺序| 帕米尔医生电视剧全集免费观看| 时间空间和人第二部| 狐狸的夏天第二季 2017 谭松韵| 人流后饮食| 哥哥太爱我怎么办| 法医电视剧大全免费| 黄色网址在线免费播放| 破地狱粤语在线| 云上的宝石| 廊桥遗梦 电影| 色戒在线观看汤唯| 理发店3| 国内性爱视频| 日本电影芋虫| 膨腹爱好者撑肚子视频| 女性生殖刺青全过程| 荆棘花| 欧美一级毛片免费视频|

!!!站長長期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103