Question

如何用js或者其他方式控制img的css

在一个网页（里面的图像经常有像素超过屏幕宽度的），于是我设定了一个复选框，希望按下的时候页面图片是自适应的，我利用的是（img{max-width: 100%;}），然后不按的时候图片就不会自动适应宽度，等于不调用那个imgcss，想知道怎样写脚本呢
代码
<input type="checkbox" onclick="checkboxOnclick(this)" />图片自适应开关<br />

<script>

function checkboxOnclick(checkbox){

if ( checkbox.checked == true){
//图片大小不自适应
}

else{
//图片大小自适应
}

}
</script>
“//图片大小不自适应"和"//图片大小自适应"写反了

Answer 1

用jQuery轻松加愉快。

比如<img>有id="myImg"，则写这样的jQuery代码：

function checkboxOnclick(checkbox){
if ( checkbox.checked == false){ // 写反了……╮(╯-╰)╭
$("#myImg").css("max-width", ""); // 给元素去掉css
}
else{
$("#myImg").css("max-width", "100%"); // 给元素加上css
}
}