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>
原创粉丝点击