博客

一、Radio单选按钮组水平排列。

html代码：

<div class="col-xs-3">
    <label class="form-label col-md-4">试用月绩效奖金</label>
    <div class="col-md-8">
        <label class="radio-inline">
            <input type="radio" name="OffPref" id="OffPref1" value="1"> 有
        </label>
        <label class="radio-inline">
            <input type="radio" name="OffPref" id="OffPref2" value="0" checked="checked"> 无
        </label>
    </div>
</div>

二、设置单选按钮选中

    //单选按钮选中
    function setRadioBoxChecked(id, val) {
        if (val == "1") {
            $("#" + id + "2").removeAttr("checked");
            $("#" + id + "1").attr("checked", "checked");
        } else {
            $("#" + id + "1").removeAttr("checked");
            $("#" + id + "2").attr("checked", "checked");
        }
    }

三、获取选中项的值

    //获取选中项的值
    var getRaidoBoxValue = function (id) {
        var value = "";
        if ($("#" + id + "1").prop('checked')) {
            value = $("#" + id + "1").val();
		}
        else {
            value = $("#" + id + "2").val();
        }
        return value;
    }