Question

我正在尝试在单击复选框时将“我已阅读并同意......”文本更改为其他颜色。它需要DIV＆amp;标签是文本和文本的位置;复选框？

我还注意到当我放入div class =“checkbox”＆amp;时，复选框将移动到下一行。标签

<p style="color: red; font-weight: bold;">I have read and agree to the terms and conditions
<input type="checkbox" id="termsChkbx " onchange="isChecked(this,'sub1')"/></p>

<p><input type="submit" name="submit" value="Order now!" id="sub1" disabled="disabled"/></p>

JS

function isChecked(checkbox, sub1) {
    var button = document.getElementById(sub1);

    if (checkbox.checked === true) {
        button.disabled = "";
    } else {
        button.disabled = "disabled";
    }
}



$(document).ready(function(){
    $('#termsChkbx').change(function(){
        if($(this).is(':checked'))
        {
            $(this).parent('p').css('color','black');
        }
        else
        {
             $(this).parent('p').css('color','red')
        }

    });
});

Answer 1

试，

$(document).ready(function(){
    $('#termsChkbx').change(function(){
        if($(this).is(':checked'))
        {
            $(this).parent().css('color','black');
        }
        else
        {
             $(this).parent().css('color','red')
        }

    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p style="color: red; font-weight: bold;">I have read and agree to the terms and conditions
            <input type="checkbox" id="termsChkbx" onchange="isChecked(this,'sub1')"/></p>

根据复选框更改文本颜色

1 个答案: