Question

我有这段代码

<form action="creatPro.php">
    <input type="checkbox" name="okk" value="agree" id="okk" onClick="EnableSubmit (this)" />agree
    <br />

    <center>
        <input type="submit" name="startthis" value="agree" disabled id="startthis" class="styled-button-8" />
    </center>
    </fieldset>
</form>

这是我的javascript代码

EnableSubmit = function (val) {
    var sbmt = document.getElementById("startthis");

    if (val.checked == true) {
        sbmt.disabled = false;
    } else {
        sbmt.disabled = true;
    }
}

检查checkbox时，应执行以下操作：

启用按钮submit

将按钮颜色更改为蓝色，例如

启用时如何使用Jquery更改按钮颜色？

这就是我试过的

$(document).ready(function(){
  $("input[type=checkbox]").checked(function(){
    $("input[type=submit]").css({"background-color":"blue"});
  });
});

（http://jsfiddle.net/noha/Ev2cc/4/）

Answer 1

$("#startthis").css({"background-color":"blue"});

或

$("#startthis").css( "background-color", "blue" );

Answer 2

使用jQuery，您可以：

$('#okk').change(function () {
    if ($(this).is(':checked')) {
        $('#startthis').css('background-color','blue').prop('disabled', false);

    } else {
        $('#startthis').css('background-color','#ccc').prop('disabled', true);
    }
});

<强> Updated Fiddle

Answer 3

您尚未将jQuery添加到fiddle将其作为库添加到fiddle，并将以下行添加到EnableSubmit函数中：

$('#startthis').css('background-color', 'blue');

Answer 4

您可以简单地使用：在您的css中选中此选择的选择器

#startthis:checked{background-color:blue;}
#startthis{background-color:white;}

选中复选框时，使用jquery更改样式表

4 个答案: