单选按钮太小不好选中,有时候需求让我们点击某个链接或汉字即可选中按钮,两种实现方法
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 οnclick="selectType(this)">不限</a>
<input name="dj" type="radio" value="普卡" οnclick="changeType(this)"/><a οnclick="selectType(this, 2)">普卡</a>
<input name="dj" type="radio" value="金卡" /><a οnclick="selectType(this)">金卡</a>
<input name="dj" type="radio" value="白金卡" /><a οnclick="selectType(this)">白金卡</a>
<input name="dj" type="radio" value="钻石卡"/><a οnclick="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毕竟有点麻烦