jqueryについて
ただいま、jqueryのtoggle()を使って、
チェックボックスのON/OFFでimgのclassを切り替える（imgをクリックしてチェックボックスをON/OFFもできる）ということを
しているのですが、なぜか、チェックボックスをクリックしても、
ボタンの反応はしているのですが、チェック（黒い「レ」）が表示されません。
以下、jsです。
※チェックボックスと画像の組み合わせは複数あります。
$(function(){
$("li.p01").toggle(
function(){
$("input.c01").attr("checked","checked");
$("li.p01").attr("class","p01on");
},
function(){
$("input.check01").removeAttr("checked");
$("li.p01on").attr("class","p01");
}
);
$("input.check01").toggle(
function(){
$("li.p01").attr("class","p01on");
},
function(){
$("li.p01on").attr("class","p01");
}
);
$("li.p02").toggle(
function(){
$("input.check02").attr("checked","checked");
$("li.p02").attr("class","p02on");
},
function(){
$("input.check02").removeAttr("checked");
$("li.p02on").attr("class","p02");
}
);
$("input.check02").toggle(
function(){
$("li.p02").attr("class","p02on");
},
function(){
$("li.p02on").attr("class","p02");
}
);
});
ご教授お願いいたします。
また、ボタンが10個あるのですが、
このまま、複製していくのもどうかと思うんですが、
もっと簡単にまとめる方法などあるのでしょうか。
ご回答よろしくお願いいたします。
お礼
ありがとうございます！ 非常にご親切な解説で助かります。 感謝します！