버튼을 클릭 할 때까지 입력을 비활성화하는 방법

rookie 에 게시 Dev

신병

"퀴즈 시작"버튼을 클릭 할 때까지 모든 입력 (라디오, 체크 박스 등)을 비활성화 (체크 / 입력 할 수 없도록하고 싶습니다)를 원합니다.

(그게 내가 필요한 전부입니다.이 코드는 퀴즈이며 시작 시간을 해제하는 버튼을 클릭하기 전에 사람들이 작업을 시작할 수 없도록하고 싶습니다. 그러나 방법을 모르겠습니다. 이 모든 것.)

	var tacniOdgovori = 0;
	var netacniOdgovori = 0;
	function pocniKviz(){
		vreme1 = new Date();
		var vremeOd = vreme1.getHours() + ":" + vreme1.getMinutes() + ":" + vreme1.getSeconds();
		document.getElementById("vremeOd").innerHTML = vremeOd;
		document.getElementById("btnZapocniKviz").disabled = true;
		document.getElementById("btnZavrsiKviz").disabled = false;
	}
	function zavrsiKviz(){
		var pitanje1 = document.getElementsByName('pitanje1');
		for (var i = 0; i < pitanje1.length; i++)
		{
			if (pitanje1[i].checked)
			{
				if(pitanje1[i].value == "Da"){
					tacniOdgovori = tacniOdgovori + 1;
				}
			}
		}
		var pitanje2 = document.getElementsByName('pitanje2');
		for (var i = 0; i < pitanje2.length; i++)
		{
			if (pitanje2[i].checked)
			{
				if(pitanje2[i].value == "HTTP"){
					tacniOdgovori++;
				}
			}
		}
		if(document.getElementById("pitanje3").value == "interakcija"){
			tacniOdgovori++;
		}
		var pitanje4 = document.getElementsByName('pitanje4');
		for (var i = 0; i < pitanje4.length; i++)
		{
			if (pitanje4[i].checked)
			{
				if(pitanje4[i].value == "Apache" && pitanje4[i].value == "IIS"){
					tacniOdgovori++;
				}
			}
			if (pitanje4[i].checked)
			{
				if(pitanje4[i].value == "Apache" || pitanje4[i].value == "IIS"){
					tacniOdgovori=tacniOdgovori+0.5;
				}
			}
			document.getElementById("btnResetujKviz").disabled = false;
		}
		vreme2 = new Date();
		var vremeDo = vreme2.getHours() + ":" + vreme2.getMinutes() + ":" + vreme2.getSeconds();
		document.getElementById("vremeDo").innerHTML = vremeDo;
		document.getElementById("tacniOdgovori").innerHTML = tacniOdgovori;
		document.getElementById("netacniOdgovori").innerHTML = 4 - tacniOdgovori;
		document.getElementById("rezultat").innerHTML = (tacniOdgovori/4)*100 + "%";
		document.getElementById("btnZavrsiKviz").disabled = true;	
	}

<html>
<head>
</head>
<body style="padding:1%;">
	<h2 align="center">Kviz</h3>
	<button onclick="pocniKviz()" id="btnZapocniKviz">Start Quiz</button>
	<p>Vreme pocetka rada: <span id="vremeOd" style="color:red">span vreme od</span></p>
	<hr>
	<h3>1. Da li je moguce hostovati web sajt na vise web servera?</h3>
	<input type="radio" value="Da" name="pitanje1">Da</input>
	<input type="radio" value="Ne" name="pitanje1">Ne</input>
	<input type="radio" value="Svaki" name="pitanje1">Svaki web sajt se hostuje na vise web servera</input>
	<h3>2. Pomocu kojih protokola je moguce pristupiti sajtovima? (jedan ili vise odgovora)</h3>
	<input type="checkbox" value="FTP" name="pitanje2">FTP</input>
	<input type="checkbox" value= "HTTP" name="pitanje2">HTTP</input>
	<input type="checkbox" value= "SMB" name="pitanje2">SMB</input>
	<input type="checkbox" value= "SSH" name="pitanje2">SSH</input>
	<input type="checkbox" value= "WSP" name="pitanje2">WSP</input>
	<h3>3. Kada korisnik vrsi neku aktivnost na sajtu to se zove <input id="pitanje3"></h3>
	<h3>4. Sta je od navedenog web server? (jedan ili više odgovora)</h3>
	<input type="checkbox" value="Apache" name="pitanje4">Apache</input>
	<input type="checkbox" value="Samba" name="pitanje4">Samba</input>
	<input type="checkbox" value="IIS" name="pitanje4">IIS</input>
	<hr>
	<button onclick="zavrsiKviz()" id="btnZavrsiKviz" disabled>Zavrsi kviz</button>
	<button onClick="window.location.reload()" id="btnResetujKviz" disabled>Resetuj kviz</button>
	<p>Vreme kraja rada: <font color="red"><span id="vremeDo">span vreme do</span></font></p>
	<p>Tacnih odgovora: <font color="green"><span id="tacniOdgovori">span tacnih odgovora</span></font></p>
	<p>Netacnih odgovora: <font color="red"><span id="netacniOdgovori">span netacnih odgovora</span></font></p>
	<p>Uspeh u procentima: <span id="rezultat">span rezultata</span></p>
 
</body>
</html>

아이러니 스택

먼저 입력 요소에 비활성화 된 속성을 추가 한 다음 일부 입력에서 구현했습니다.

그것을 이해하려고 노력하고 다른 입력으로 똑같은 일을하십시오.

주요 부분 변경

이 코드를 시작 퀴즈 버튼의 클릭 이벤트에 넣으십시오.

var input = document.getElementsByTagName("input"); // gets all the input tags as nodelist
var inputList = Array.prototype.slice.call(input); //convert it to array
inputList.forEach(function(element) { // loops through it and then sets disabled = false 
    element.disabled = false;
  });

var tacniOdgovori = 0;
	var netacniOdgovori = 0;
	function pocniKviz(){
		vreme1 = new Date();
		var vremeOd = vreme1.getHours() + ":" + vreme1.getMinutes() + ":" + vreme1.getSeconds();
		document.getElementById("vremeOd").innerHTML = vremeOd;
		document.getElementById("btnZapocniKviz").disabled = true;
		document.getElementById("btnZavrsiKviz").disabled = false;
    var input = document.getElementsByTagName("input"); // gets all the input tags as nodelist
    var inputList = Array.prototype.slice.call(input); //convert it to array
    inputList.forEach(function(element) { // loops through it and then sets disabled = false 
      element.disabled = false;
     });
    
	}
	function zavrsiKviz(){
		var pitanje1 = document.getElementsByName('pitanje1');
		for (var i = 0; i < pitanje1.length; i++)
		{
			if (pitanje1[i].checked)
			{
				if(pitanje1[i].value == "Da"){
					tacniOdgovori = tacniOdgovori + 1;
				}
			}
		}
		var pitanje2 = document.getElementsByName('pitanje2');
		for (var i = 0; i < pitanje2.length; i++)
		{
			if (pitanje2[i].checked)
			{
				if(pitanje2[i].value == "HTTP"){
					tacniOdgovori++;
				}
			}
		}
		if(document.getElementById("pitanje3").value == "interakcija"){
			tacniOdgovori++;
		}
		var pitanje4 = document.getElementsByName('pitanje4');
		for (var i = 0; i < pitanje4.length; i++)
		{
			if (pitanje4[i].checked)
			{
				if(pitanje4[i].value == "Apache" && pitanje4[i].value == "IIS"){
					tacniOdgovori++;
				}
			}
			if (pitanje4[i].checked)
			{
				if(pitanje4[i].value == "Apache" || pitanje4[i].value == "IIS"){
					tacniOdgovori=tacniOdgovori+0.5;
				}
			}
			document.getElementById("btnResetujKviz").disabled = false;
		}
		vreme2 = new Date();
		var vremeDo = vreme2.getHours() + ":" + vreme2.getMinutes() + ":" + vreme2.getSeconds();
		document.getElementById("vremeDo").innerHTML = vremeDo;
		document.getElementById("tacniOdgovori").innerHTML = tacniOdgovori;
		document.getElementById("netacniOdgovori").innerHTML = 4 - tacniOdgovori;
		document.getElementById("rezultat").innerHTML = (tacniOdgovori/4)*100 + "%";
		document.getElementById("btnZavrsiKviz").disabled = true;	
	}

<html>
<head>
</head>
<body style="padding:1%;">
	<h2 align="center">Kviz</h3>
	<button onclick="pocniKviz()" id="btnZapocniKviz">Start Quizz</button>
	<p>Vreme pocetka rada: <span id="vremeOd" style="color:red">span vreme od</span></p>
	<hr>
	<h3>1. Da li je moguce hostovati web sajt na vise web servera?</h3>
	<input type="radio" value="Da" name="pitanje1" disabled>Da</input>
	<input type="radio" value="Ne" name="pitanje1" disabled>Ne</input>
	<input type="radio" value="Svaki" name="pitanje1" disabled>Svaki web sajt se hostuje na vise web servera</input>
	<h3>2. Pomocu kojih protokola je moguce pristupiti sajtovima? (jedan ili vise odgovora)</h3>
	<input type="checkbox" value="FTP" name="pitanje2" disabled>FTP</input>
	<input type="checkbox" value= "HTTP" name="pitanje2" disabled>HTTP</input>
	<input type="checkbox" value= "SMB" name="pitanje2" disabled>SMB</input>
	<input type="checkbox" value= "SSH" name="pitanje2" disabled>SSH</input>
	<input type="checkbox" value= "WSP" name="pitanje2" disabled>WSP</input>
	<h3>3. Kada korisnik vrsi neku aktivnost na sajtu to se zove <input id="pitanje3"></h3>
	<h3>4. Sta je od navedenog web server? (jedan ili više odgovora)</h3>
	<input type="checkbox" value="Apache" name="pitanje4">Apache</input>
	<input type="checkbox" value="Samba" name="pitanje4">Samba</input>
	<input type="checkbox" value="IIS" name="pitanje4">IIS</input>
	<hr>
	<button onclick="zavrsiKviz()" id="btnZavrsiKviz" disabled>Zavrsi kviz</button>
	<button onClick="window.location.reload()" id="btnResetujKviz" disabled>Resetuj kviz</button>
	<p>Vreme kraja rada: <font color="red"><span id="vremeDo">span vreme do</span></font></p>
	<p>Tacnih odgovora: <font color="green"><span id="tacniOdgovori">span tacnih odgovora</span></font></p>
	<p>Netacnih odgovora: <font color="red"><span id="netacniOdgovori">span netacnih odgovora</span></font></p>
	<p>Uspeh u procentima: <span id="rezultat">span rezultata</span></p>
 
</body>
</html>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-01-21

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

이전 게시물：다른 테이블에서 테이블 작성기 행 높이 조정

TOP 리스트

기사

버튼을 클릭 할 때까지 입력을 비활성화하는 방법

버튼을 클릭 할 때까지 입력을 비활성화하는 방법

numpy의 matlab isempty () 함수?

Oracle 19c :: 지정된 사용자의 ACL을 설정하지 못했습니다.

PIL : DLL로드 실패 : 지정된 프로 시저를 찾을 수 없습니다

ojdbc6.jar와 ojdbc7.jar의 차이점은 무엇입니까?

Android 장치의 텍스트 파일에 Logcat 저장

API Gateway에서 호출 할 때 com.amazon.coral.service # UnknownOperationException과 함께 Cloudwatch Logs PutLogEvents 작업이 실패 함

파이썬 링크에서 제목 추출하기 (아름다운 수프)

오류 : "const wchar_t *"유형의 인수가 "WCHAR *"유형의 매개 변수와 호환되지 않습니다.

NSSet 내의 모든 값에 액세스

python sklearn GradientBoostingClassifier 웜 스타트 오류

Ionic 2 : 페이지에 구성 요소 포함 오류

Visual Studio 디버그 실패로 AssemblyAttributes.cs를 찾을 수 없습니다.

Python의 특정 위치에 문자열 추가

Python 소켓 프로그래밍 : 클라이언트에서 서버로 파일 업로드

전자 브라우저를 전체 화면 크기로 만드는 방법은 무엇입니까?

삼각파에 대한 수학 방정식

networkx 플로팅 유 방향 그래프

C에서 N x N 행렬식 구하기

외부 파일이 포함 된 Runnable Jar 만들기

model-> save ()가 Yii2에서 작동하지 않음

페이지의 일부 새로 고침 (div)

오류 : "const wchar_t "유형의 인수가 "WCHAR "유형의 매개 변수와 호환되지 않습니다.