임시 목록 항목을 숨기고 다시 표시 한 후 토글 버튼

임시 목록 항목 숨기기 및 다시 표시 토글 버튼 후 어떻게 숨 깁니까? 숨겨진 항목이있을 때이 ID로 찾을 수 있습니까?임시 목록 항목을 숨기고 다시 표시 한 후 토글 버튼

function action(x) { 
    var parag = document.getElementById("li" + x); 
    if(parag.style.visibility = "hidden"){ 
     parag.style.visibility = "visible"; 
    }else{ 
     parag.style.visibility = "hidden"; 
    } 
}

다음 중 하나를 사용하면 작동하지 않습니까? 그렇지 않으면 parag.style.visibility이 항상는 표현이됩니다 hidden로 설정됩니다

if(parag.style.visibility="hidden"){

이

if(parag.style.visibility=="hidden"){

해야한다 :

<head> 

<script type="text/javascript"> 

function action(x){ 
var parag=document.getElementById("li"+x); 
    if(parag.style.display=="none"){ 
     parag.style.display="block"; 
    }else{ 
     parag.style.display="none"; 
    } 
} 

</script> 
</head> 
<body> 

<ul> 
    <li id="li1">Item1</li> 
    <li id="li2">Item2</li> 
    <li id="li3">Item3</li> 
</ul> 
<form name="myform"><input type="button" onclick="alert(document.myform.select.value);action(document.myform.select.value)" value="show/hide"/><label> 
    <select name="select" id="select"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    </select> 
</label></form> 
</body> 
</html>

출처

2012-06-14 Poliscarhire Cyprus

당신은 첫 번째 코드에 오류가 항상 에바 luate to true.

출처

2012-06-20 08:22:04 user2428118

임시 목록 항목을 숨기고 다시 표시 한 후 토글 버튼

답변

관련 문제