点击文字选中radio
<html>
<body>
<form action="" name="form1" method="post">
<br />
<label style="cursor:pointer" for="man">
<input type="radio" value="http://fanjf.iteye.com/blog/男" name="man" id="man"/>男
</label>
<label style="cursor:pointer" for="man2">
<input type="radio" value="http://fanjf.iteye.com/blog/女" name="man" id="man2"/>女
</label>
</form>
<input type="radio" id="male" name="sex" checked="checked"/><label style="cursor:pointer" for="male">男1</label>
<input type="radio" id="female" name="sex" /><label style="cursor:pointer" for="female">女1</label>
</body>
</html>
有ID的可以用以上方法,如果没有id呢,那只能自己写js了,一下方法仅供参考
$(".isplist").click(function(){
//alert($(this).val());
$(this).find("input[type=radio]").attr("checked", 'checked');
});
<div name="isp" class="isplist"><input type="radio" name="ispname" value="1"> 联通 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="2"> 电信 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="3"> 移动 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="4"> 铁通 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="5"> 长城 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="6"> 广电 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="7"> 教育网 </div>
<div name="isp" class="isplist"><input type="radio" name="ispname" value="8"> 其它 </div>
window.onload = function () {
//点击radio后面的文本选中radio
// labels = document.getElementById('scalul').getElementsByTagName('span');
// for (i = 0, j = labels.length; i < j; i++) {
// labels[i].onclick = function () {
// var vastr = $(this).parents("li").find("input").val();
// $(this).parents("li").find("input[type=radio][value=" + vastr + "]").attr("checked", 'checked');
// }
// }
//点击整个li选中其里面的radio
labelsa = $(".scalul .li").find("li");
for (i = 0, j = labelsa.length; i < j; i++) {
labelsa[i].onclick = function () {
var vastra = $(this).find("input").val();
$(this).parents("li").find("input[type=radio][value=" + vastra + "]").attr("checked", 'checked');
}
}
}
点击文字选中radio的更多相关文章
- 点击文字选中checkbox
<html> <head> <title>test</title> <meta http-equiv="content-Type&quo ...
- element Cascader 多选 点击文字选中
html 部分 1 <el-form-item label="A部署位置" > 2 <el-cascader 3 v-model="itemType.a ...
- 点击文字可以选中相应的checkbox
<html><head><title>中国站长天空-网页特效-表单特效-点击文字选中的复选框</title><meta http-equiv=&q ...
- zTree -- jQuery 树插件实现点击文字展开子节点
新版本的zTree是单击+号展开子项,点击文字选中该项,双击文字展开子项 项目用的是3.5版本的,如果要点击文字展开子项暂时没查到资料,自己琢磨了下 项目用的是jquery.ztree.core-3. ...
- ztree点击文字勾选checkbox,radio实现方法
ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztre ...
- radio点击一下选中,再点击恢复未选状态
radio点击一下选中,再点击恢复未选状态 实现方式1: <input type="radio" id="cat" name="ca ...
- juey点击tr选中里面的radio
//点击一行选中银行卡 $("tr").bind("click",function(){ $("input:radio").attr(&qu ...
- js页面文字选中后分享到新浪微博实现
demo您可以狠狠地点击这里:js文字选中分享到新浪微博demo 方法与代码 选中即分享的功能看上去比较高级,其实实现是相当简单的.其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过.这个js文字 ...
- jquery选中radio或checkbox的正确姿势
jquery选中radio或checkbox的正确姿势 Intro 前几天突然遇到一个问题,没有任何征兆的..,jquery 选中radio button单选框时,一直没有办法选中,后来查了许多资料, ...
随机推荐
- jqueryl操作dom文档实例
<include file="Public:header"/> <link rel="stylesheet" href="../Pu ...
- Swift区间运算符
Swift 提供了两个方便表达一个区间的值的运算符. 闭区间运算符 闭区间运算符(a...b)定义一个包含从a到b(包括a和b)的所有值的区间. 闭区间运算符在迭代一个区间的所有值时是非常有用的, ...
- 第14章 Linux开机详细流程
本文目录: 14.1 按下电源和bios阶段 14.2 MBR和各种bootloader阶段 14.2.1 boot loader 14.2.2 分区表 14.2.3 采用VBR/EBR方式引导操作系 ...
- Linux上网问题
开发板运行linux下和主机Windows互ping这块,就是Windows这边已经显示本地连接上了,从Windows ping Linux 可以通 但是在CRT 上ping Windows就没反应了 ...
- 彩扩机项目--NPN和PNP三极管作为开关管的区别
上图是最终画好的电路.使用的是NPN三极管,并且把NPN三极管放在了下面.下面分析下NPN三极管作为开关管能否放在上面. 从上面两张图分析可知,当三极管作为开关管使用的时候,NPN三极管需要放在下面( ...
- Openfire开发广播服务接口,支持离线广播消息
Openfire开发广播服务接口,支持离线广播消息 概要 最近公司要求做一个web端向所有移动端发送公告,所以考虑到即时性就用openfire做服务.不过为了减轻web端的工作量,我们开发一个简单的插 ...
- Openfire的web插件开发
概要 Openfire不仅支持普通插件开发,还支持完整的web插件开发,这次就web插件开发做一个小的实例,本文主要讲解如何加入Servlet和Jsp页面,基本插件的开发请参照上一篇文章. 准备 系统 ...
- [图形学] Chp8.4 OpenGL 二维观察函数——视口
这节有几个显示窗口的控制函数,可以调整视口,创建子窗口,最小化为图标,设置图标名称,隐藏显示等. gluOrtho2D (xwmin, xwmax, ywmin, ywmax); // 定义二维裁剪窗 ...
- win32SDK的hello,world程序
首次用Code::Blocks写Win32GUI程序,关于GDI+的引用摸索了半天.SDK写GUI比较累人,以后还是考虑Qt或者其他方式. 代码: /** *code by lichmama from ...
- 多元线性回归模型的特征压缩:岭回归和Lasso回归
多元线性回归模型中,如果所有特征一起上,容易造成过拟合使测试数据误差方差过大:因此减少不必要的特征,简化模型是减小方差的一个重要步骤.除了直接对特征筛选,来也可以进行特征压缩,减少某些不重要的特征系数 ...