掲示板のコメントの「いいね」ボタンの実装をしています。
ajaxを使い、dbの値を変更し、いいねの数を非同期で変更することには成功いたしました。
「いいね」を1度押すといいねボタンに「disabled」属性がつき、2度と押せないようにしたいのですが、なぜか上手く行きません。
掲示板以外のページで同様の機能を実装済みであり、ほとんど同じコードを使っているのですが、なぜかこのページのみdisabledがつきません。
どなたかお力をお貸しください。
以下がコードになります。
html
1<button id="<?php print $value['comment_id']; ?>" onClick="vote(<?php print $value['comment_id']; ?>)"> 2<span id="span<?php print $value['comment_id']; ?>"><?php print $value['point']; ?></span> 3</button>
JavaScript
1function vote(id){ 2 $(function(){ 3 $.get('c_vote.php', { 4 c_id: id 5 }, function(data){ 6 document.cookie = 'mbc_c_id' + id + '=' + id + '; max-age=' + 60*60*24*31; 7 var span = document.getElementById('span'+id); 8 span.innerHTML = data.point; 9 var btn = document.getElementById(id); 10//ここが効かない 11 btn.disabled = 'true'; 12 }); 13 }); 14}
試したこと
cookieのセット、dbの更新、spanの数字の更新は成功しています。
jqueryのpropも使ってみましたが、
Cannot create property 'disabled'
とのエラーが出ました。
回答2件
あなたの回答
tips
プレビュー