点击超链接，选中对应的单选按钮

单选按钮太小不好选中，有时候需求让我们点击某个链接或汉字即可选中按钮，两种实现方法

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毕竟有点麻烦