Javascript 在按钮调用函数后，不能取消选中复选框

我使用此代码使用复选框启用和禁用文本输入。 它在我点击“开始自动滚动”按钮之前工作，但之后复选框不工作，我无法更改该复选框的状态

<td style="border:0px;"><input id ="speed" size="3" maxlength="3"type="text"  disabled="true" name="duration" value="100"></td>
<td> <input id="byMp3" type="checkbox" name="chk" value="byMp3" checked>      Music Tempo</td>

<script>
// this code works before I click on pageScroll()
$('#byMp3').click(function(){
$('#speed').prop('disabled',this.checked);
});

var speed = $('#speed').val();//default
var start = false;  
var page = $("html, body");

function pageScroll() {

if (start == false){
start = true;
$("#scrollBtn").prop('value', 'Stop Auto Scroll');
$endPixel = 800;

if($("#byMp3").is(':checked')){

    var audio = document.getElementById("mp3player");
    duration = parseInt( audio.duration );
    speed = duration;
}
else{
    speed = $('#speed').val();
}

$( "section" ).click(function(e) {
    if (start == false){return false;} 
   page.on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function(){
       page.stop();
   });

   page.animate({ scrollTop: $endPixel }, speed*1000);

   return false; 
});
}else
{
start = false;
$("#scrollBtn").prop('value', 'Start Auto Scroll');
page.stop();

return false; 
}
}
</script>

音乐节奏
//在我单击pageScroll（）之前，此代码可以工作
$（'#byMp3'）。单击（函数（）{
$（'#speed'）.prop（'disabled'，this.checked）；
});
变量速度=$（“#速度”）.val（）//违约
var start=false；
变量页=$（“html，正文”）；
函数pageScroll（）{
if（start==false）{
开始=真；
$（“#scrollBtn”）.prop（'value'，'Stop Auto Scroll'）；
$endPixel=800；
如果（$（“#byMp3”）。是（':checked'））{
var audio=document.getElementById（“mp3player”）；
持续时间=parseInt（audio.duration）；
速度=持续时间；
}
否则{
速度=$（“#速度”）.val（）；
}
$（“部分”）。单击（功能（e）{
如果（start==false）{return false；}
第页（“滚动鼠标下滚轮DOMMouseScroll鼠标滚轮按键向上触摸移动”，函数（）{
page.stop（）；
});
动画（{scrollTop:$endPixel}，速度*1000）；
返回false；
});
}否则
{
开始=错误；
$（“#scrollBtn”）.prop（'value'，'Start Auto Scroll'）；
page.stop（）；
返回false；
}
}

这个代码有什么问题