Question

所以我要构建的是如果检查第一个收音机旋转值90deg如果检查中间一个旋转180度，我该怎么办？

$(document).ready(function() {
    $("#btnsubmit").click(function() {
        var result = $("input[type='radio']:checked");
        if (result.length > 0) {
            $("#final2").html(result.val() + "is checked");
        } else {
            $("#final2").html("No radio button cheked");
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="radio-inline"><input type="radio" name="optradio" id="v1" value="1">Option 1</label>
<label class="radio-inline"><input type="radio" name="optradio" id="v2" value="31">Option 2</label>
<label class="radio-inline"><input type="radio" name="optradio" id="v3" value="33">Option 3</label>
<button type="button" id="btnsubmit" value="submit">Submit</button>
<div id="final2">
</div>

Answer 1

您可以使用switch声明：

$("#btnsubmit").click(function() {
    var result = $("input[type='radio']:checked");
    if (result.length > 0) {
        $("#final2").html(result.val() + "is checked");
        switch(result.val()) {
            case 1:
                // rotate 90 degrees
                $("#result").removeClass("rotate180").addClass("rotate90");
                break;
            case 31:
                // Rotate 180 degrees
                $("#result").removeClass("rotate90").addClass("rotate180");
                break;
            case 33:
                // do something else
                break;
        }
    } else {
        $("#final2").html("No radio button cheked");
    }
});

如果无线电有一个id addclass

1 个答案: