更改复选框以选择

Question

如何更改此设置，以便您可以不通过复选框而是通过选择进行选择

$("input[name=koleso]:first").prop("checked", true);
    $('body').on('click', '.koleso label', function (e) {
        koleso = $('.koleso input#'+$(this).attr('for')).data('koleso');
        calc();
    });

html

<div class="radiosBl koleso clearfix">
                    <input type="radio" checked name="koleso" id="kol_4" value="4" data-koleso="0">
                    <label for="kol_4"><span>ALL</span></label>
                    <input type="radio" name="koleso" id="kol_3" value="3" data-koleso="1">
                    <label for="kol_3"><span>3</span></label>
                    <input type="radio" name="koleso" id="kol_2" value="2" data-koleso="2">
                    <label for="kol_2"><span>2</span></label>
                    <input type="radio" name="koleso" id="kol_1" value="1" data-koleso="3">
                    <label for="kol_1"><span>1</span></label>
                    <input type="radio" name="koleso" id="kol_0" value="0" data-koleso="4">
                    <label for="kol_0"><span>NO</span></label>
                </div>

Answer 1

我假设您想将组复选框转换为选择

    <div class="radiosBl koleso clearfix">
        <select>
            <option value="4" data-koleso="0">ALL</option>
            <option value="3" data-koleso="1">3</option>
            <option value="2" data-koleso="2">2</option>
            <option value="1" data-koleso="3">1</option>
            <option value="0" data-koleso="4">NO</option>
        </select>
    </div>

        $("input[name=koleso]:first").prop("checked", true);
        $('body').on('change', '.koleso select', function (e) {
            koleso = $(this).children("option:selected").data("koleso");
            calc();
        });