<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function zjcs(){
var ul=document.getElementById('cb');
var li=document.createElement('li');
var myCheckBox=document.createElement('input');
myCheckBox.setAttribute('type','checkbox');
li.appendChild(myCheckBox);
li.appendChild(document.createTextNode("酸辣土豆丝"));
var img1=document.createElement('img');
img1.setAttribute('src','参考答案/11.png');
img1.onclick=function(){del(this)};
li.appendChild(img1);
ui.appendChild(li);
}
function del(obj){
var li=obj.parentNode;
var checkbox=li.firstChild;
if(checkbox.checked){
if(confirm("确定要删除该菜式?")){
window.cb.removeChild(li);
}
}
}
</script>
</head>
<body>
<ul id="cb">
<li>
<input type="checkbox"/>
宫保鸡丁<img src="参考答案/11.png" onclick="del(this)"/>
</li>
<li>
<input type="checkbox"/>
青椒肉丝<img src="参考答案/11.png" onclick="del(this)"/>
</li>
<li>
<input type="checkbox"/>
黄焖鸡<img src="参考答案/11.png" onclick="del(this)"/>
</li>
</ul><br />
<input type="button" value="增加菜式" onclick="zjcs()"/>
</body>
</html>