버튼의 부모 DIV를 받고

Question

나는 '단추 1'의 상위 DIV를 얻을 내가 현재 가지고 (그 사업부의 모든 입력을 가능하게하는 것을 시도하고있다 '그들 장애인

<div id="wrapper"> 
<div id="gameInfo"> 
<asp:TextBox ID="gameTitle"/> 
<asp:TextBox ID="gameType" /> 
<asp:TextBox ID="gameprice"/> 
<input type="button" id="button1" value="enable" onClick="myFunc()"/> 
</div> 

자바 스크립트 :

function myFunc() { 
      setTimeout(function() { 
       var inputs = document.getElementById("button1").parentNode.querySelectorAll('input[type="text"]'); 
       [].forEach.call(inputs, function (input) { 
        input.disabled = false; 
       }); 
      }); 
     } 

button1의 부모 노드를 얻으려고하고 있는데 올바른 방법이 확실치 않지만 버튼의 해당 부모 div에있는 모든 입력이 가능하도록 설정되어 있지만 부모 div에만 있습니다. 클릭 한 버튼 중 어떤 제안이 있습니까?

Answer 1

내가 조금 다른합니다 (의 setTimeout없이) 할 거라고 :

function myFunc(elm){ 
 
    for(var inputs = elm.parentNode.querySelectorAll('input[type="text"]') 
 
     ,   L = inputs.length 
 
     ; L-- 
 
     ; inputs[L].disabled = false //enable inputs 
 
    ); //end loop 
 
}

<div id="wrapper"> 
 
    <div id="gameInfo"> 
 
    <input type="text" ID="gameTitle" disabled="disabled" /> 
 
    <input type="text" ID="gameType" disabled="disabled" /> 
 
    <input type="text" ID="gameprice" disabled="disabled" /> 
 
    <input type="button" id="button1" value="enable" onclick="myFunc(this)" /> 
 
    </div> 
 
</div>

---

대안을 브라우저에 그 돈 ' t 지원 querySelectorAll (및 선택적으로 지원 disabled) :

function myFunc(elm){ 
 
    for(var inputs = elm.parentNode.getElementsByTagName('input') 
 
     ,   L = inputs.length 
 
     ; L-- 
 
     ; inputs[L].type.toLowerCase()==='text' && (inputs[L].disabled = false) 
 
    ); //end loop 
 
}

<div id="wrapper"> 
 
    <div id="gameInfo"> 
 
    <input type="text" ID="gameTitle" disabled="disabled" /> 
 
    <input type="text" ID="gameType" disabled="disabled" /> 
 
    <input type="text" ID="gameprice" disabled="disabled" /> 
 
    <input type="button" id="button1" value="enable" onclick="myFunc(this)" /> 
 
    </div> 
 
</div>

모두 위의 기능의 아이디어 (3210)는 함수에 클릭 요소 (버튼)를 통과한다는 것입니다 : onclick="myFunc(this)".
id을 하드 코딩 할 필요없이 여러 div ('행')에도 적용됩니다.

시작해야합니다!

Answer 2

당신은 제대로 MYFUNC를 호출하지 않습니다 - 그것은 당신이 실제로 전화에 괄호가 필요합니다 : 당신이 DOM 탐색을 위해 jQuery를 사용한 경우

<input type="button" id="button1" value="enable" onClick="myFunc()"/> 

function myFunc() { 
 
    setTimeout(function() { 
 
    var inputs = document.getElementById("button1").parentNode.querySelectorAll('input[type="text"]'); 
 
    [].forEach.call(inputs, function(input) { 
 
     input.disabled = false; 
 
    }); 
 
    }); 
 
}

<input type="text" disabled="disabled" value="another box" /> 
 
<div id="wrapper"> 
 
    <input type="text" disabled="disabled" value="ignore me" /> 
 
    <div id="gameInfo"> 
 
    <input type="text" ID="gameTitle" disabled="disabled" /> 
 
    <input type="text" ID="gameType" disabled="disabled" /> 
 
    <input type="text" ID="gameprice" disabled="disabled" /> 
 
    <input type="button" id="button1" value="enable" onClick="myFunc()" /> 
 
    </div> 
 
</div>

Answer 3

, 당신은 할 수 있습니다 다음 :

$('#<%= button1.ClientID %>').on('click', function() { 
     $(this).parent().find('input[type=text]').removeAttr('disabled'); 
}); 

Answer 4

오른쪽 함수를 호출하지 않습니다. Y, 중괄호를 사용한다 :

onClick="myFunc()"