자바 스크립트로 체크 박스 값을 얻고 두 개 이상의 값을 선택할 때 div에 해당 값을 추가하십시오.
나는 다음과 같은 것을 원한다 : http://img515.imageshack.us/img515/4503/w3i.jpg
항목이 선택 될 때 : http://img59.imageshack.us/img59/8761/fizo.jpg
onclick 비교 btn보다 선택한 모든 항목을 compare.php 페이지로 보냅니다.
<SCRIPT LANGUAGE="JavaScript">
//do not getting what to do?
</SCRIPT>
<FORM>
<INPUT TYPE=CHECKBOX NAME="road" VALUE="Car">car
<INPUT TYPE=CHECKBOX NAME="road" VALUE="bike" CHECKED>bike
<INPUT TYPE=CHECKBOX NAME="road" VALUE="truck">truck
<INPUT TYPE=CHECKBOX NAME="road" VALUE="bus" CHECKED>bus
<div id="compare" style="border:2px solid red;"></div>
</FORM>
다음은 시작하는 데 필요한 예입니다.
<form id='compareForm' action='#'>
<input type='checkbox' name="road" value="car">car
<input type='checkbox' name="road" value="bike" checked>bike
<input type='checkbox' name="road" value="truck">truck
<input type='checkbox' name="road" value="bus" checked>bus
<button type='submit'>Compare</button>
</form>
<div id="compare"></div>
접근성 및 유용성을 위해 이러한 단어를 label요소 로 래핑 할 수 있습니다 .
document.getElementById('compareForm').addEventListener('submit', function (e) {
var items = document.getElementsByName('road'),
i;
// Prevent default form submission functionality
e.preventDefault();
// Clears the results box
document.getElementById('compare').innerHTML = '';
// Loop through all the checkboxes
for (i = 0; i < items.length; i += 1) {
if (items[i].checked) {
// Do something if the box is checked.
document.getElementById('compare').innerHTML += '<p>' + items[i].value + '</p>';
}
}
});
jsFiddle을 참조하십시오 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다