チェックボックスの現在の値がチェックされているか、チェックされているか、チェックされていないかに基づいてテキスト値を変更しようとしています。ユーザーに表示可能なテキストの値を示す必要があります。これが私が持っているものです。私は近くにいると思いますが、うまくいきません。
<html>
<body>
<style type="text/css">
.red{ display: none;}
.blue{ display: none;}
</style>
<script>
// Toggle Text
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).attr("value")=="red"){
$(".Color").toggle();
}else($(this).attr("value")=="blue"){
$(".Color").toggle();
}
});
});
</script>
<div>
<label><input type="checkbox" name="colorCheckbox" value="Color"></label>
</div>
<div class="red">You have selected <strong>red checkbox</strong></div>
<div class="blue">You have selected <strong>red checkbox</strong> </div>
</body>
</html>
正確に何をしようとしているのかわかりませんが、サンプルコード/ htmlを少し変更しました。特定のチェックボックスがオンになっているタイミングに応じて、各divの表示/非表示をリンクする必要があると想定しました。
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).is(":checked"))
{
$("." + $(this).val()).show();
}
else{
$("." + $(this).val()).hide();
}
});
});
以下のフィドル:http://jsfiddle.net/whhvks0u/4/
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加