第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

li的點(diǎn)擊事件無法加載,幫忙看下代碼有什么問題

li的點(diǎn)擊事件無法加載,幫忙看下代碼有什么問題

秀man 2016-10-28 19:27:24
function selected()這個(gè)函數(shù)沒有加載,點(diǎn)擊事件沒有發(fā)生,代碼如下:<!DOCTYPE html><html><head><link rel="shortcut icon" type="Img/icon" href="抽屜.ico"><meta charset="UTF-8"><title>復(fù)選框美化</title><style type="text/css">*{padding: 0;margin:0;}li{list-style: none;}body{font:13px/26px "微軟雅黑"}.typeList {width: 500px;height: 28px;border: 0.5px solid #666;border-width: 1px 0;margin: 66px auto}.typeList ul{height: 30px;line-height: 30px;overflow: hidden;}.typeList ul li{float: left;padding-left: 25px;position: relative;}.typeList input{display: none;}.typeList b{display:block;width: 20px;height: 20px;background: url(Img/checkbox.gif) no-repeat -12px -17px;position: absolute;top: 4px}.typeList ul li label{margin-left: 20px}.typeList ul li:hover b{background-position:-12px -217px;}.typeList ul .selected b,.typeList ul .selected:hover b{background-position: -12px -317px;}</style><script src="JavaScript/同時(shí)頁面加載多個(gè).js"></script><script type="text/javascript">function insert(){var li = document.getElementById("checkList").getElementsByTagName("li");var label ?= document.getElementById("checkList").getElementsByTagName("label");for (var i = 0; i < li.length;i++) {//var label = li[i].getElementsByTagName('label');var tagB=document.createElement("b");li[i].insertBefore(tagB,label[i]);}}function selected(){var li=document.getElementById("checkList").getElementsByTagName("li");for(var i=0;i<i.length;i++){var b = li[i].getElementsByTagName('b');li[i].onclick=function(){// b[0].style.backgroundPosition="-12px -217px";if(this.className=="selected"){this.className=null;}else{this.className="selected";}}}}addLoadEvent(insert);addLoadEvent(selected);</script></head><body><div><form action="#" method="post"><ul id="checkList"><li><input type="checkbox" id="HW"><label for="HW">華為</label></li><li><input type="checkbox" id="XM"><label for="XM">小米</label></li><li><input type="checkbox" id="SS"><label for="SS">三星</label></li><li><input type="checkbox" id="OP"><label for="OP">OPPO</label></li><li><input type="checkbox" id="VV"><label for="VV">ViVO</label></li><li><input type="checkbox" id="MZ"><label for="MZ">魅族</label></li><li><input type="checkbox" id="IP"><label for="IP">蘋果</label></li></ul></form></div></body></html>
查看完整描述

1 回答

已采納
?
其實(shí)我真的不是東北人

TA貢獻(xiàn)105條經(jīng)驗(yàn) 獲得超66個(gè)贊

<!DOCTYPE html>
<html>
<head>
? ?<meta charset="UTF-8">
? ?<title>復(fù)選框美化</title>
? ?<style type="text/css">
? ? ? ?*{padding: 0;margin:0;}
? ? ? ?li{list-style: none;}
? ? ? ?body{font:13px/26px "微軟雅黑"}
? ? ? ?.typeList {width: 500px;height: 28px;border: 0.5px solid #666;border-width: 1px 0;margin: 66px auto}
? ? ? ?.typeList ul{height: 30px;line-height: 30px;overflow: hidden;}
? ? ? ?.typeList ul li{float: left;padding-left: 25px;position: relative;}
? ? ? ?.typeList input{display: none;}
? ? ? ?.typeList b{display:block;width: 20px;height: 20px;position: absolute;top: 4px}
? ? ? ?.typeList ul li label{margin-left: 20px}
? ? ? ?.typeList ul li:hover b{background-position:-12px -217px;}
? ? ? ?.typeList ul .selected b,.typeList ul .selected:hover b{background-position: -12px -317px;}

? ?</style>

</head>
<body>
<div>
? ?<form action="#" method="post">
? ? ? ?<ul id="checkList">
? ? ? ? ? ?<li><input type="checkbox" id="HW"><label for="HW">華為</label></li>
? ? ? ? ? ?<li><input type="checkbox" id="XM"><label for="XM">小米</label></li>
? ? ? ? ? ?<li><input type="checkbox" id="SS"><label for="SS">三星</label></li>
? ? ? ? ? ?<li><input type="checkbox" id="OP"><label for="OP">OPPO</label></li>
? ? ? ? ? ?<li><input type="checkbox" id="VV"><label for="VV">ViVO</label></li>
? ? ? ? ? ?<li><input type="checkbox" id="MZ"><label for="MZ">魅族</label></li>
? ? ? ? ? ?<li><input type="checkbox" id="IP"><label for="IP">蘋果</label></li>
? ? ? ?</ul>
? ?</form>
</div>








<script>
? ?function insert(){
? ? ? ?var li = document.getElementById("checkList").getElementsByTagName("li");
? ? ? ?var label ?= document.getElementById("checkList").getElementsByTagName("label");
? ? ? ?for (var i = 0; i < li.length;i++) {
//var label = li[i].getElementsByTagName('label');
? ? ? ? ? ?var tagB=document.createElement("b");
? ? ? ? ? ?li[i].insertBefore(tagB,label[i]);
? ? ? ?}
? ?}
? ?function selected(){
? ? ? ?var li=document.getElementById("checkList").getElementsByTagName("li");
? ? ? ?for(var i=0;i<li.length;i++){
? ? ? ? ? ?var b = li[i].getElementsByTagName('b');
? ? ? ? ? ?li[i].onclick=function(){
// b[0].style.backgroundPosition="-12px -217px";
? ? ? ? ? ? ? ?if(this.className=="selected"){
? ? ? ? ? ? ? ? ? ?this.className=null;
? ? ? ? ? ? ? ?}else{
? ? ? ? ? ? ? ? ? ?this.className="selected";
? ? ? ? ? ? ? ?}
? ? ? ? ? ?}
? ? ? ?}

? ?}
? ?insert();selected();
</script>






</body>
</html>


-----------------------------------------------------------------------

for(var i=0;i<i.length;i++) ? ?這里是li.length, ?不是i.length











查看完整回答
反對(duì) 回復(fù) 2016-10-28
  • 秀man
    秀man
    啊 我真的是太粗心了 謝了啊
  • 秀man
    秀man
    function selected(){ var li=document.getElementById("checkList").getElementsByTagName("li"); for(var i=0;i<li.length;i++){ var b = li[i].getElementsByTagName('b'); li[i].onclick=function go(e){ e.preventDefault(); b[0].style.backgroundPosition="-12px -317px"; } } } 如果我把selected函數(shù)改成這樣又不行了,問下這樣又是哪里錯(cuò)了
  • 其實(shí)我真的不是東北人
    其實(shí)我真的不是東北人
    function selected() { var li = document.getElementById("checkList").getElementsByTagName("li"); for (var i = 0; i < li.length; i++) { var b = li[i].getElementsByTagName('b'); li[i].onclick = function go(e) { e.preventDefault(); // b[0].style.backgroundPosition = "-12px -317px"; for(var c=0;c<this.childNodes.length;c++) { console.log(this.childNodes[c].nodeName) if(this.childNodes[c].nodeName == "B") { this.childNodes[c].style.color = "red"; } } } } } insert();selected(); </script> b[0].style.backgroundPosition = "-12px -317px"; 這行代碼B標(biāo)簽根本就沒有背景圖片
點(diǎn)擊展開后面1
  • 1 回答
  • 0 關(guān)注
  • 1351 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)