2014-11-07 3 views
0

javacript를 사용하여 특정 HTML 양식 (즉, 라디오 버튼)을보고 사용자의 선택을 찾은 다음 다양한 방식으로 응답하고 싶습니다.javascript를 사용하여 HTML 양식 입력 받기

자바 스크립트가 양식에 대한 사용자 입력 또는 선택한 응답을 읽을 수있는 방법이 있습니까?

+0

http://jquerytutorialwithexamples.com/2014/10/get-checked-selected-radio-button-value-입니다 in-jquery/ – SkelDave

답변

1

예 이렇게하는 방법은 다양합니다.

변경할 때 사용자 입력을 확인할 수 있습니다. 그 중 하나가 아래에 있습니다.

<input type="text" onchange="changed(this);"/> 

이 입력은 자기의 paremetre와 changed() 함수를 호출한다. 그래서 당신은 그 가치를 통제하고 어떤 일을 할 수 있습니다.

function changed(input){ 
    alert(input.value) // check for input value 
    if(input.value.length > 54){ //do if value is longer than 54 characters 
    //Do something 
    } 
} 

당신은 인터넷에서 방법을 많이 찾을 수 있습니다. jQuery를 사용하면 쉽게 사용할 수 있습니다.

$("#myInput").change(function(){ //select the input box which id is 'myInput' then run function when its value changed each time 
    alert("Wow, my value changed to:"+$(this).val()) //Get value with $(this).val() and alert! 
}); 

당신은 또한 당신의 요청에 의해 내 대답을 변경 $("input").change(function(){


사용하여 모든 입력 필드에이 바인딩 할 수 있습니다. 마지막 페이지에있는 경우

<form name="myForm"> 
    <!--Lots of divs here with input. You must hide these divs without touching form! --> 
</form> 

당신이 할 필요가

function listUserValues(){ 
    var els=document.myForm.elements; 
    var l=els.length; 
    for (var i=0; i<l; i++) 
    { 
     alert('Field Name: '+els[i].name+'\nField Type: '+els[i].type+'\nField Value: '+els[i].value); 
     //Do whatever you want with each value here. 
    } 
} 
+0

감사합니다. 그래서 내가하려고하는 것은 사용자가 "다음 페이지"를 치고 다음 숨겨진 div를 나타낼 때 값을 저장하는 것입니다. 따라서 변경된 순간에이 버튼을 누르기 만하면 저장하지 않으려합니다. 또한 나는 다른 "페이지"에서 가치를 원하지 않는다. 겹치기. "onchange"가 아닌 다른 함수가 있습니까? 다음 페이지를 칠 때까지 임시 변수에 값을 저장할 수 있다고 생각합니다 ... – auto

+0

사용자가 다음 페이지를 클릭하면 위쪽 링크가 변경됩니까? –

+0

아니요, 현재 div 만 숨기고 다음 div가 표시됩니다. – auto

관련 문제