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

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

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