안녕하세요~^^

간단하게 예제 코드를 작성해봤습니다.

적절히 활용해보시겠어요?

<div>라디오 박스1</div>
해당없음<input type="radio" name="radio1" value="0" class="sum">
1000<input type="radio" name="radio1" value="1000" class="sum">
2000<input type="radio" name="radio1" value="2000" class="sum">

<div>라디오 박스2</div>
해당없음<input type="radio" name="radio2" value="0" class="sum">
5000<input type="radio" name="radio2" value="5000" class="sum">
7000<input type="radio" name="radio2" value="7000" class="sum">

<div>
	합계 : <span id="total">???</span>
</div>

<script>
jQuery(document).ready(function(){
	jQuery('.sum').click(function(){
		var total = 0;
		jQuery('.sum:checked').each(function(){
			total += parseInt(jQuery(this).val());
	    });
	    
		jQuery('#total').text(total);
    });
});
</script>

따로 페이지가 없다면 테마에 새로운 템플릿을 만드신 후에 위의 코드를 적용해보세요.

템플릿이란 페이지의 레이아웃입니다.

테마에 새로운 템플릿 파일을 만드는 방법은 아래의 링크들을 참고해주세요.

워드프레스 테마 만들기 | 다양한 템플릿 만들기 > Page Template

워드프레스에서 사용자 정의 페이지 템플릿 만들기

고맙습니다.

해보는중인데 잘 되지않네요 ㅠ

저 스크립트 는 펑션에 추가해줘야되는부분인가요?

안녕하세요.

스크립트는 HTML 코드가 있는 해당 파일 하단 또는

header에 wp_enqueue_script() 함수로 추가할 수 있습니다.

아래의 링크들을 참고해보시겠어요?

https://www.thewordcracker.com/intermediate/how-to-load-js-files-in-wordpress/
https://code.i-harness.com/ko/q/aa4934

추가로 말씀드리면 새로 만든 템플릿 페이지에

get_header(), get_footer(), get_sidebar() 함수로

테마의 헤더, 푸터, 사이드바 영역을 표시할 수 있습니다.

고맙습니다.