2014-10-10 2 views
3

저는 javascript와 html을 처음 사용합니다. 나는 작은 질문이있다. 나는 javascript 파일에서 다음과 같은 것을 가지고있다.첫 번째 버튼을 클릭 할 때 두 번째 버튼을 자바 스크립트 함수로 넘기는 법

function setColor(btn, color) 
{ 
if (btn.style.backgroundColor == "#f47121") { 
    btn.style.backgroundColor = color; 
} else { 
    btn.style.backgroundColor = "#f47121"; 
} 
} 

<input type="submit" value="Review & Next" name="b1" onclick="setColor(this,'#fff200');" /> 
<input type="submit" value="1" name="b2" /> 

내 질문 대신에 '이'내가 B2를 사용하는 첫 번째 단추를 클릭 할 때 함수 인수로 두 번째 버튼을 통과하지만 사람이

+0

브라우저 _color_ 속성에 대해 서로 다른 형식을 반환 있습니다에 어떤을 전달할 수 있습니다. 대신 className을 토글 할 수 있습니다. – undefined

답변

2

당신은 ID를 사용할 수 있습니다하시기 바랍니다 도움이 작동하지 않는 방법입니다 대신.

'id'를 'b2'로 설정 한 다음 함수에서 찾은 다음 설정하십시오. 더 이상 this을 사용할 필요가 없습니다. 함수에서 전달하는 모든 ID가 대신 해당 값을 사용합니다.

<input type="submit" value="Review & Next" name="b1" id="b1" onclick="setColor('b2','#fff200');" /> 
<input type="submit" value="1" name="b2" id="b2"/> 

이제 그래서 당신의 상태가 일부 브라우저에서 실패, 기능

function setColor(arg, color) 
{ 
    var btn = document.getElementById(arg); 

if (btn.style.backgroundColor == "#f47121") { 
    btn.style.backgroundColor = color; 
} else { 
    btn.style.backgroundColor = "#f47121"; 
} 
} 
관련 문제