HTML 양식에 값을 추가하는 방법은 무엇입니까?

Question

html 양식의 라디오 상자에서 선택된 "값"을 어떻게 추가합니까? 그래서 누군가가 옵션을 선택하면 다른 "값"을 그 위에 추가하고 그것을 페이지 하단에 합산합니다. 그리고 "이름"총 "값"을 추가 할 수 있는지 아는 사람이 있습니까? 감사

내 코드는 다음과 같습니다

<h3><u>Title</u></h3><br> 
 
\t <form action=""> 
 
\t <input type="radio" name="num" value="0">Text<br> 
 
\t <input type="radio" name="num" value="2">Text<br> 
 
\t <input type="radio" name="num" value="80">Text<br> 
 
\t <input type="radio" name="num" value="110">Text<br> 
 
\t <input type="radio" name="num" value="85">Text<br> 
 
\t <input type="radio" name="num" value="120">Text<br> 
 
\t </form> 
 

Answer 1

당신은 할 수 없습니다. 정의에 따라 동일한 name 속성을 갖는 라디오 버튼 세트는 데이터 세트에 최대 하나의 값을 제공하는데, 하나는 선택된 버튼에 해당합니다.

다른 것을 원한다면 서버 측을 처리하거나 다른 유형의 컨트롤을 사용하거나 전체 접근 방식을 다시 설계해야합니다.

Answer 2

근무 예 :

(자바 스크립트 라이브러리, jQuery를 사용하지만, 일반 자바 스크립트로 할 수있다)

당신은 주로 HTML에 type="checkbox"에 입력을 변경해야

코드 기능 : 체크 박스의 상태가 수정되면 체크 된 모든 체크 박스 값이 마지막 입력 필드에 합산됩니다.

체크 박스는 스크립트에서 고려하지 않을 것이라는 것을 제거하면 이름에 "num"을 찾아 대상을 지정합니다.

$(function() { 
 
    $("input[name*='num']").on("change", function() { 
 
    var total = 0; 
 
    $("input[type='checkbox']:checked").each(function() { 
 
     total += Number($(this).val()); 
 
    }); 
 
    $("#total").val(total); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h3> 
 
    <u>Title</u> 
 
</h3> 
 

 
<br> 
 

 
<form action=""> 
 
    <input type="checkbox" name="num0" value="0">Add 0<br> 
 
    <input type="checkbox" name="num2" value="2">Add 2<br> 
 
    <input type="checkbox" name="num80" value="80">Add 80<br> 
 
    <input type="checkbox" name="num110" value="110">Add 110<br> 
 
    <input type="checkbox" name="num85" value="85">Add 85<br> 
 
    <input type="checkbox" name="numwhateveryoulike" value="120">Add 120<br> 
 
    Total <input type="text" value="0" id="total"> 
 
</form>