RadioButtonList Jquery获取值跟文本

RadioButtonList Jquery获取值和文本

$("#<%=rdoCowList.ClientID%> input").each(function () {
    if (this.checked == true) {
        $("#<%=txtCowName.ClientID%>").val(this.nextElementSibling.innerHTML);
        $("#<%=hfCowID.ClientID%>").val(this.value);
    }
});

RadioButtonList的页面源码是这样的：

<table id="rdoCowList">
    <tr>
        <td>
　　　　　　<input id="rdoCowList_0" type="radio" name="rdoCowList" value="5" />
　　　　　　<label for="rdoCowList_0">003</label>
　　　　</td>
　　　　<td>
　　　　　　<input id="rdoCowList_1" type="radio" name="rdoCowList" value="6" />
　　　　　　<label for="rdoCowList_1">004</label>
　　　　</td>
    </tr>
</table>

这个格式很标准啊！

这个自己写的有高手给看看虚心学习

修改上面的Jquery在IE8上会报错提示对象不知道属性

this.nextElementSibling.innerHTML

又研究了下 最后使用JS写了

 var selInputCow = $("#<%=rdoCowList.ClientID%> input");
 var arrCow = $("#fielSelCow label");
 for (i = 0; i < selInputCow.length; i++) {
 　　if (selInputCow[i].checked == true) {
    　　$("#<%=txtCowName.ClientID%>").val(arrCow[i].innerHTML);
        $("#<%=hfCowID.ClientID%>").val(selInputCow[i].value);
        selCow = true;
     }
}

把input和label都取出数组，根据上面的HTML格式可以知道一个input对应一个label，这样for的时候i就是一样的

RadioButtonList Jquery获取值跟文本

相关推荐