JQuery+radio相关操作
来源:互联网 发布:淘宝如何选择发货地 编辑:程序博客网 时间:2024/06/06 11:04
点击图片单选按钮被选中<br />========================================================================================================<br /> <div class="check_pay success_pay"> <span>请点击以下银行支付:</span> <ul> <li> <input id="rad1" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="ICBC" checked="checked" uio="工商银行" /> <img src="../images/gs.gif" alt="" onclick="checked('rad1')" /></li> <li> <input id="rad2" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="CCB" /> <img src="../images/gj.gif" alt="" onclick="checked('rad2')" /></li> <li> <input id="rad3" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="CMB" /> <img src="../images/zs.gif" alt="" onclick="checked('rad3')" /></li> <li> <input id="rad4" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="COMM" /> <img src="../images/ht.gif" alt="" onclick="checked('rad4')" /></li> <li> <input id="rad5" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="ABC" /> <img src="../images/ny.gif" alt="" onclick="checked('rad5')" /></li> <li> <input id="rad6" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="GDB" /> <img src="../images/gf.gif" alt="" onclick="checked('rad6')" /></li> <li> <input id="rad7" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="CIB" /> <img src="../images/xy.gif" alt="" onclick="checked('rad7')" /></li> <li> <input id="rad8" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="CEB" /> <img src="../images/gd.gif" alt="" onclick="checked('rad8')" /></li> <li> <input id="rad9" runat="server" name="check_pay_radio" type="radio" class="check_pay_radio" value="9" uio="光大银行+" /> <img src="../images/gd.gif" alt="" onclick="checked('rad9')" /></li> </ul> </div> <script type="text/javascript"> function checked(elm_id) { var danxuananniu = document.getElementById(elm_id); danxuananniu.checked = "checked"; } </script> <br /> 单选按钮相关操作<br /> ========================================================================================================<br /> <input id="Button1" type="button" value="获取被选中的值" onclick="CheckRad()" /> <input id="Button2" type="button" value="设置第一个值被选中" onclick="FirstCheck()" /> <input id="Button3" type="button" value="设置最后一个值被选中" onclick="LastCheck()" /> <input id="Button4" type="button" value="带参数,设置某个值被选中" onclick="NXCheck(9)" /> <input id="Button5" type="button" value="添加特殊属性并取值" onclick="AddProperty()" /> <script type="text/javascript"> ///获取被选中的值 function CheckRad() { var querytype = $(":radio[name=check_pay_radio][checked]").val(); alert(querytype); } ///设置第一个值被选中 function FirstCheck() { $('input[name=check_pay_radio]:radio:first').attr('checked', 'checked'); } ///设置最后一个值被选中 function LastCheck() { $('input[name=check_pay_radio]:radio:last').attr('checked', 'checked'); } ///带参数,设置某个值被选中 function NXCheck(id) { $("input[name=check_pay_radio]:radio[value='" + id + "']").attr('checked', 'true'); var querytype = $(":radio[name=check_pay_radio][checked]").val(); alert(querytype); } ///添加特殊属性并取值 function AddProperty() { var aaa = $('input[name=check_pay_radio]:checked').attr('uio'); if (aaa == null) { alert("对不起,没有参数!"); } else { alert(aaa); } } </script>