1. 程式人生 > 實用技巧 >js單選框切換

js單選框切換

          <div id="typeRadio" class="ipt">
                    <div class="radio-div clearfix">
                        <div style="width: 100px; float: left;">
                            <input name="typeName" type="radio" value="0">
                            <label class
="checked"><em></em><span>集團</span></label> </div> <div style="width: 100px; float: left;"> <input name="typeName" type="radio" value="1"> <label><
em></em><span>企業</span></label> </div> </div> </div>

js部分:

    $('#typeRadio').find('label').on('click', function () {
            $.each($('#typeRadio').find('label'), function (i, n) {
                $(n).removeClass(
'checked'); }) $(this).addClass('checked'); if ($(this).prev('input').val() == '1') { //點選事件(特指點選企業時的事件) } else { } })