点击文字选中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单选框时,一直没有办法选中,后来查了许多资料, ...
随机推荐
- DataTable多线程操作报错情况
最近在写一个http接口时用了DataTable这个强大的利器,接口用浏览器跑起来没任何问题.当时也没考虑并发问题,后来用一个压力测试工具做大并发测试,1000+/s次速度测试.发现程序报错了.程序报 ...
- MySQL数据库Raid存储方案
作为一名DBA,选择自己的数据存储在什么上面,应该是最基本的事情了.但是很多DBA却容易忽略了这一点,我就是其中一个.之前对raid了解的并不多,本文就记录下学习的raid相关知识. 一.RAID的基 ...
- kbengine新手教程
KBEngine服务端引擎开源项目地址(github):https://github.com/kbengine/kbengine引擎下载与编译:http://kbengine.org/cn/docs/ ...
- Scrapy爬虫实例教程(二)---数据存入MySQL
书接上回 实例教程(一) 本文将详细描述使用scrapy爬去左岸读书所有文章并存入本地MySql数据库中,文中所有操作都是建立在scrapy已经配置完毕,并且系统中已经安装了Mysql数据库(有权限操 ...
- Java 9 揭秘(9. 打破模块封装)
Tips 做一个终身学习的人. 在此章节中,主要介绍以下内容: 什么是打破模块的封装 如何使用命令行选项将依赖项(添加需要)添加到模块 如何使用--add-exports命令行选项导出模块的未导出包, ...
- c#编程-线程同步
线程同步 上一篇介绍了如何开启线程,线程间相互传递参数,及线程中本地变量和全局共享变量区别. 本篇主要说明线程同步. 如果有多个线程同时访问共享数据的时候,就必须要用线程同步,防止共享数据被破坏.如果 ...
- Redis Pipeline原理分析
转载请注明出处:http://www.cnblogs.com/jabnih/ 1. 基本原理 1.1 为什么会出现Pipeline Redis本身是基于Request/Response协议的,正常情况 ...
- Python中的元类(metaclass)
推荐+收藏:深刻理解Python中的元类(metaclass) 做一些笔记学习学习: 在大多数编程语言中,类就是用来描述如何生成一个对象的代码段,在Python中类也是一个对象,这个(类)对象自身拥有 ...
- 事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
一.事件冒泡定义 事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那 ...
- python cookbook第三版学习笔记十二:类和对象(三)创建新的类或实例属性
先介绍几个类中的应用__getattr__,__setattr__,__get__,__set__,__getattribute__,. __getattr__:当在类中找不到attribute的时候 ...