애용
585
2020-11-04 14:33:55
5
200

라디오버튼 체크할때마다 화면변화


안녕하세요

fullcalendar.js를 이용해 일정표부분에서 막히는것이 있어서 질문드립니다.

원래는 셀렉트박스로 선택할때마다 화면이 변경되어 그 value에 맞는 화면을 호출하였는데

라디오버튼으로 변경을해야해서 radio로 변경하였더니 처음 checked를 준값만 화면에 표시되고 라디오버튼들은 클릭하여도 아무런 변화가 없습니다.. 

라디오버튼을 하나 선택하고 다음달,이전달 버튼을 클릭하면 그에 맞게 value값이 변하는데

라디오버튼만 선택하였을때 value값이 변하게 하고싶습니다..ㅠㅠ

라디오버튼

<!-- <div class="raBox">
                           <input name="fromChnlCd" class="smf-radio" id="fromChnlCd_1" type="radio" value="1" checked ><label for="fromChnlCd_1"> 1</label>
                           <input name="fromChnlCd" class="smf-radio" id="fromChnlCd_2" type="radio" value="2"> <label for="fromChnlCd_2">2</label>
                           <input name="fromChnlCd" class="smf-radio" id="fromChnlCd_3" type="radio" value="3"> <label for="fromChnlCd_3">3</label>
                       </div> -->


var fromChnlCd = $('input[name="fromChnlCd"]:checked').val();

이런식으로 버튼의 value값을 가져옵니다,.. 도와주시면 감사하겠스빈다 ㅠㅠ

0
  • 답변 5

  • htofu
    77
    2020-11-04 14:43:38
    var fromChnlCd = $('input[id^="fromChnlCd"]:checked').val();
  • 애용
    585
    2020-11-04 14:46:36

    htofu

    답변 감사드립니다.

    전과같이 value값은 가져오고 라디오버튼선택시에는 아무런 변화가 없네요..ㅠㅠ

  • 성능최적화계획
    308
    2020-11-04 14:47:06

    클릭시 값은 이미 들어 있습니다.


    클릭시 이벤트 처리는 라디오버튼 클릭 이벤트를 넣어야 합니다.

  • RWB
    410
    2020-11-04 15:08:14


    $(document).ready(function()
    {
    	$("#fromChnlCd").click(function()
    	{
    		if ($(this).val() == "값1")
    		{
    			// 값1에 대한 화면 변경
    		}
    
    		else if ($(this).val() == "값2")
    		{
    			// 값2에 대한 화면 변경
    		}
    
    		// ...
    
    		else
    		{
    			// 값n에 대한 화면 변경
    		}
    	});
    });


    대략적으로 위 소스처럼 구현하시면 됩니다.

    클릭한 라디오박스의 값을 기준으로 원하는 화면으로 변경하도록 구현하시면 됩니다.


    방법이야 구성하기 나름이니 참고해보세요.

  • 애용
    585
    2020-11-04 15:23:09

    감사합니다 참고해서 해보도록 하겠습니다!

  • 로그인을 하시면 답변 을 등록할 수 있습니다.