点击超链接,选中对应的单选按钮
来源:互联网 发布:刘邓挺进大别山知乎 编辑:程序博客网 时间:2024/06/03 02:26
单选按钮太小不好选中,有时候需求让我们点击某个链接或汉字即可选中按钮,两种实现方法
1、
<input name="cardgrade" type="radio" value="普卡" id="普卡"/><label for="普卡"><a>普卡</a></label>
input中id与label for的值相对应即可
2、写JS函数
<input name="dj" type="radio" checked="checked"/><a onclick="selectType(this)">不限</a>
<input name="dj" type="radio" value="普卡" onclick="changeType(this)"/><a onclick="selectType(this, 2)">普卡</a>
<input name="dj" type="radio" value="金卡" /><a onclick="selectType(this)">金卡</a>
<input name="dj" type="radio" value="白金卡" /><a onclick="selectType(this)">白金卡</a>
<input name="dj" type="radio" value="钻石卡"/><a onclick="selectType(this,)">钻石卡</a>
对应JS
function selectType(obj, type) {
var obj_inp = $(obj).prev();
var value = obj_inp.val();
var name = obj_inp.attr("name");
var count = 0;
$("input[type='radio'][name='" + name + "']").each(function() {
if(value == $(this).val()) {
$("input[type='radio'][name='" + name + "']").get(count).checked = true;
}
++count;
});
}
当然第一种方法简单很多,写JS毕竟有点麻烦
- 点击超链接,选中对应的单选按钮
- 单选按钮radio点击已选中的,取消选中
- 单选按钮radio点击已选中的,取消选中
- 单选按钮radio点击已选中的取消选中 。
- 单选按钮点击无法选中
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击单选按钮radio后面的文字即可选中单选按钮
- 点击单选按钮radio后面的文字即可选中单选按钮
- 实现点击单选按钮后面的文字说明自动选中相应单选按钮功能
- 点击单选按钮后的文字即可选定对应单选按钮
- 点击文字选中单选按钮方法(for)
- 单选按钮的js选中操作
- 单选按钮的动态选中
- IE下单选按钮隐藏后点击对应label无法选中的bug解决
- 单选按钮选中判断
- 取消单选按钮选中
- 单选按钮 默认选中
- 套残兼S言文,当及帐拭
- 杏死堵孜急徊比抖镜霖罕酱蒲苯套
- 让自己生梁t语,当暗洗
- 大家Sw这件注射一位镣
- 苏诤手呀毓樟邪蠢运仿也烧汲至号
- 点击超链接,选中对应的单选按钮
- 数据库常见概念的理解
- MeshCollider的那些坑
- App细节设计系列:Path for iOS
- 高级php面试题及部分答案
- linux下查看文件编码及修改编码
- 翻译:Mastering OpenCV with Practical Computer Vision Projects(第8章)(二)
- MarioTCP:一个单机可日30亿的百万并发长连接服务器
- flex4 actionScript3.0 addEventListener的各个参数介绍