2016-05-17 1 views
0

私はPHPでmysql dbからデータが来ているスクリプトを作成しています。私の要件は、チェックボックスがチェックされており、注意が必要であることをユーザーに強調するために、チェックボックスが既にチェックされている(データがdbから来ている)場合です。また、ユーザーがバックグラウンドカラーをオフにする必要がある場合は、オプションを選択する必要があります。私はスクリプトに取り組んでいて、既に赤いbgの色を示しているかどうかチェックしています。しかし、私はそれをオフにすると、それは動作しません。誰もがこれについて私を導くことができます。私のスクリプトは以下の通りです:チェックボックスをオンにすると、テーブル行バックグローの色が変わります

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script> 
<script type='text/javascript'> 
$(window).load(function(){ 
$(function() { 
    $('input:checked').parent().css('background-color', '#ff0000'); 
}); 
}); 
</script> 

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$(":checkbox").on("change", function() { 
    $(this).parent().toggleClass("checked", this.checked); 
}); 
});//]]> 

</script> 
<style type="text/css"> 
    .checked { 
    background-color: #ff0000; 
} 
    </style> 
</head> 

<body> 
    <div class="company"> 
     <input type="checkbox" name="Selected[]" class="checkboxC" value="8"> 
      Company 8 
</div> 
<div class="company"> 
     <input type="checkbox" name="Selected[]" class="checkboxC" value="9" checked> 
      Company 9 
</div> 
</body> 
</html> 
+0

私は私の質問が明確ではないと思います... –

+0

あなたは何この「内部の変更機能とは何か、「$(この)であるが確認しました。親()"。あなたが望む希望の要素を与えていますか? – Shrabanee

+0

Iamはこの機能にのみ問題があります。いいえ、私が望む希望の要素を与えていません。 –

答えて

2

$(window).load(function() { 
 
    $(":checkbox").on("change", function() { 
 
    $(this).parent().toggleClass("checked", this.checked); 
 
    }); 
 
}); 
 
$(window).load(function() { 
 
    $(function() { 
 
    $('input:checked').parent().toggleClass("checked", this.checked);//use .parent().toggleClass("checked", this.checked) 
 
    }); 
 
});
.checked { 
 
    background-color: #ff0000; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="company"> 
 
    <input type="checkbox" name="Selected[]" class="checkboxC" value="8">Company 8 
 
</div> 
 
<div class="company"> 
 
    <input type="checkbox" name="Selected[]" class="checkboxC" value="9" checked>Company 9 
 
</div>

関連する問題