4

ユーザーがチェックボックスをオフにしてテキストボックスの背景色を変更した場合、テキストボックスを無効にしたい。ユーザーがチェックボックスをオンにすると、そのテキストボックスは編集可能になり、白色に変わります。ここにコードがあります

$(document).ready(function () {
    $(".ba").click(function () {
        $(".tex").css("background-color", "#CCCCCC");
    });
});

.baはチェックボックスで、.texはテキストボックス クラスです。ユーザーがクリックすると灰色に変わりますが、もう一度クリックしても色は変わりません。チェック ボックスがオンになっているかどうかを確認したいユーザーがチェックボックスをオフにすると、テキストボックスの背景色が変更され、編集不可になり、無効になるはずです。

以下のJavaScriptを使用してすべてをチェックし、すべてのチェックを外しています

function checkAll(formname, checktoggle) {
    var checkboxes = new Array(); 
    checkboxes = document[formname].getElementsByTagName('input');

    for (var i=0; i<checkboxes.length; i++)  {
        if (checkboxes[i].type == 'checkbox')   {
            checkboxes[i].checked = checktoggle;
        }
    }
}

これは何か問題を引き起こしますか？

4

4 に答える 4

1 
$(document).ready(function(){
$(".ba").click(function() {
if ($('#check_id').is(":checked"))
{
  $(".tex").css("background-color","#CCCCCC");
}
else
{
   $(".tex").css("background-color","#DDDDDD");
}
});
});
于 2013-05-25T10:09:30.363 に答える