1 回答

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊
如果您希望“alert-success”和“alert-danger”起作用,則必須將“alert”類添加到您的元素中。并且每次值更改時(shí)都必須重置類。另外要小心分號和花括號。
function slider() {
document.getElementById("formControlRange").oninput = function() {
percentagem()
};
}
function percentagem() {
var val = document.getElementById("formControlRange").value;
document.getElementById('formOutput').innerHTML = val;
$("#formOutput").removeClass("alert-sucess alert-danger");
if ($("#formControlRange").val() >= 50) {
$("#formOutput").addClass("alert-success");
} else {
$("#formOutput").addClass("alert-danger");
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<div class="form-row">
<div class="form-group col-md-6">
<label for="formControlRange">Com que percentagem recomendaria o Bootstrap a terceiros?</label>
<input type="range" class="form-control-range" id="formControlRange" onchange="slider()" min="0" max="100">
</div>
<div class="form-group col-md-6">
<h1><output id="formOutput" class="alert"></output></h1>
</div>
</div>
添加回答
舉報(bào)