자바 스크립트 - 버튼을 클릭하여 텍스트 상자에 넣습니다.

-2

완벽하게 작동했습니다. 드롭 다운 상자를 사용하여이 예제를 찾고 수정했습니다. 물론 도움이되었습니다!자바 스크립트 - 버튼을 클릭하여 텍스트 상자에 넣습니다.

<!DOCTYPE html> 
<html> 
<head> 
<script> function moveNumbers(num) { 
var txt=document.getElementById("result").value; 
txt=txt + num; 
document.getElementById("result").value=txt; 
} 
</script> 

</head> 

<body> 
<form> 

Select numbers: <br> <input type="button" value="1" name="no"  onclick="moveNumbers(this.value)"> 
<input type="button" value="2" name="no" onclick="moveNumbers(this.value)"> 
<input type="button" value="3" name="no" onclick="moveNumbers(this.value)"> 
<input type="text" id="result" size="20"> 

</form> 
</body> 
</html>

출처

2012-12-19 GRicks

333으로 텍스트 상자를 채우려면 어떻게해야합니까? "체크 박스 3을 클릭하고 선택을 해제 한 다음 다시 클릭하십시오"? – raina77ow

@ raina77ow 좋은 질문입니다! user1916335 : 시도한 것을 보여주세요! –

333 - 체크 박스 목록이 3 개 필요하겠습니까? 버튼은 어떨까요? 버튼을 클릭 할 때마다 텍스트 상자에 값이 추가됩니까? – GRicks

<input type="checkbox" id="checkBox1" onclick="app(1)"> 
<input type="checkbox" id="checkBox2" onclick="app(2)"> 
<input type="checkbox" id="checkBox2" onclick="app(3)"> 

<script language="javascript"> 
    function app(text) 
    { 
     var TheTextBox = document.getElementById("Mytextbox"); //Replace this with correct name 
     TheTextBox.value = TheTextBox.value + text; 
    } 
</script>

출처

2012-12-19 16:28:28 knightrider

-1

내가 작업의 90 %를했다, 당신은 여기에서 그것을 가지고. http://jsfiddle.net/MeWhp/

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
input, label { line-height: 1.5em; } 
</style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 

<form> 
    <div> 
    <input type="checkbox" name="fruit" value="1" id="orange"> 
    <label for="orange">orange</label> 
    </div> 
    <div> 
    <input type="checkbox" name="fruit" value="2" id="apple"> 
    <label for="apple">apple</label> 
    </div> 
    <div> 
    <input type="checkbox" name="fruit" value="3" id="banana"> 
    <label for="banana">banana</label> 
    </div> 
    <textarea id="log"> 
    </textarea> 
</form> 

<script> 

</script> 
$("input").click(function() { 
    $("#log").html($(":checked").val() + " is checked!"); 
}); 
</body> 
</html>

출처

2012-12-19 16:28:33 andrewk

근무 예 :http://jsfiddle.net/KhwHY/1/

JQuery와

$('input').click(function(){ 
    if(this.checked) { 
     $('#Output').text($('#Output').text() + $(this).val()); 
    } else { 
    } 
});

HTML

<form> 
    <input type="checkbox" value="1">1<br /> 
    <input type="checkbox" value="2">2<br /> 
    <input type="checkbox" value="3">3<br /> 
</form> 

<div id="Output"> 

</div>

이것은 좋은 출발점을 제공해야합니다.

출처

2012-12-19 16:30:45 JSuar

'if (this.checked)'... – ThiefMaster

HTML :

<input type="text" id="screen" /> 
<div id="keypad"> 
    <button>7</button> 
    <button>8</button> 
    <button>9</button> 
    <br /> 
    <button>4</button> 
    <button>5</button> 
    <button>6</button> 
    <br /> 
    <button>1</button> 
    <button>2</button> 
    <button>3</button> 
    <br /> 
    <button>0</button> 
</div>

자바 스크립트 :

window.onload = function() { 
    var screen = document.getElementById('screen'), 
     keypad = document.getElementById('keypad'), 
     buttons = keypad.getElementsByTagName('button'); 
    for (var i = 0; i < buttons.length; i++) { 
     buttons[i].onclick = function() { 
      screen.value = screen.value + this.innerHTML; 
      return false; 
     }; 
    } 
};

전체 예 :

<!DOCTYPE HTML> 
<html> 
<head></head> 
<body> 
    <form onsubmit="javascript: /* Just for testing */ alert('Sending...'); return false;"> 
     <input type="text" id="screen" /> 
     <div id="keypad"> 
      <button>7</button> 
      <button>8</button> 
      <button>9</button> 
      <br /> 
      <button>4</button> 
      <button>5</button> 
      <button>6</button> 
      <br /> 
      <button>1</button> 
      <button>2</button> 
      <button>3</button> 
      <br /> 
      <button>0</button> 
     </div> 
    </form> 
    <script> 
     window.onload = function() { 
      var screen = document.getElementById('screen'), 
       keypad = document.getElementById('keypad'), 
       buttons = keypad.getElementsByTagName('button'); 
      for (var i = 0; i < buttons.length; i++) { 
       buttons[i].onclick = function() { 
        screen.value = screen.value + this.innerHTML; 
        // Try to comment line below to see what happens 
        return false; 
       }; 
      } 
     }; 
    </script> 
</body> 
</html>

데모 :JSFiddle

출처

2012-12-19 17:22:24 Carlos

정확히 내가 필요한 것 - 단 한가지를 제외하고! JSFiddle 링크를 사용할 때 - 작동하는 방식대로 작동합니다. 하지만 - 양식에 넣을 때 - 번호를 클릭 할 때마다 양식을 제출합니다. 폼에 들어가기 전에 코드를 넣으려고했는데 작동하지 않습니다 ... 어떤 아이디어입니까? 감사! – GRicks

@GRicks 완료! JSFiddle을 업데이트했습니다. 버튼의 onclick 이벤트 함수에'return false;'문을 추가했습니다. – Carlos

'@jackflash가 여전히 내 코드와 작동하지 않습니다. 나는 PHP 파일에서 현재 사용하고있는 것을 게시했다. - 고마워. – GRicks

자바 스크립트 - 버튼을 클릭하여 텍스트 상자에 넣습니다.

답변

관련 문제