Показать сообщение отдельно
  #9 (permalink)  
Старый 25.02.2010, 07:19
Аватар для stryaponoff
Интересующийся
Отправить личное сообщение для stryaponoff Посмотреть профиль Найти все сообщения от stryaponoff
 
Регистрация: 24.02.2010
Сообщений: 13

я понимаю, что это только функция. она выполняется по клику на чекбоксе

вот код того, что вставляется в innerHTML (код, может, и не самый рациональный, но работает, пока не пытаюсь вставить в другую страницу вышеописанным методом)

<script type="text/javascript">
	function isReady(chkBox)
	{
		if (chkBox.checked)
		{
			document.getElementById("submit").disabled = false;
		} else {
			document.getElementById("submit").disabled = true;
		}
	}
	
	function checkForm(form)
	{
		var rightAnswers = 0;
		var	score = 0;
		
		var el, elName, value, type;
		
		for (var i = 0; i < form.elements.length; i++)
		{
			el = form.elements[i];
			elName = el.nodeName.toLowerCase();
			value = el.value;
			if (elName == "input")
			{
				type = el.type.toLowerCase();
				switch (type)
				{			
					case "checkbox" :
						//
					break;
					
					case "radio" :
						if (el.id == "q1a4" && el.checked === true) { rightAnswers++ };
						if (el.id == "q2a2" && el.checked === true) { rightAnswers++ };
					break;
				}
			}
		}
		score = rightAnswers / 2;
		document.getElementById("results").innerHTML = "Правильных ответов: " + rightAnswers + "<br />Оценка: " + score;
		document.getElementById("results").style.display="";
	}
</script>

<form id="form1" name="form1" enctype="multipart/form-data">
<div id="content">
  <table width="300" border="0">
    <tr>
      <td width="50%"><strong>2 + 2 = ?</strong></td>
      <td width="50%">&nbsp;</td>
    </tr>
    <tr>
      <td>
      	<input type="radio" name="q1" id="q1a1" value="1" />
      	<label for="q1a1">1</label>
      </td>
      <td>
      	<input type="radio" name="q1" id="q1a3" value="3" />
      	<label for="q1a3">3</label>
      </td>
    </tr>
    <tr>
      <td>
      	<input type="radio" name="q1" id="q1a2" value="3" />
      	<label for="q1a2">2</label>
      </td>
      <td>
      	<input type="radio" name="q1" id="q1a4" value="4" />
      	<label for="q1a4">4</label>
      </td>
    </tr>
  </table>
  <table width="300" border="0">
    <tr>
      <td width="50%"><strong>5 * 5 = ?</strong></td>
      <td width="50%">&nbsp;</td>
    </tr>
    <tr>
      <td>
      	<input type="radio" name="q2" id="q2a1" value="1" />
        <label for="q2a1">4</label>
      </td>
      <td>
      	<input type="radio" name="q2" id="q2a2" value="2" />
        <label for="q2a2">25</label>
      </td>
    </tr>
    <tr>
      <td>
      	<input type="radio" name="q2" id="q2a3" value="3" />
        <label for="q2a3">16</label>
      </td>
      <td>
      	<input type="radio" name="q2" id="q2a4" value="4" />
        <label for="q2a4">19</label>
      </td>
    </tr>
  </table>
  <p>
    <input type="checkbox" id="ready" name="ready" onclick="javascript:isReady(this);" />
    <label for="ready">Ответ подтверждаю</label>
    <br />
    <input id="submit" type="button" value="Проверить" disabled="1" onclick="checkForm(form1);" />
  </p>
</form>
</div>
<div id="results" style="display: none;">&nbsp;</div>

Последний раз редактировалось stryaponoff, 25.02.2010 в 07:22.
Ответить с цитированием