끄적대기

라디오 박스 선택과 관련되서 텝 형식의 js가 필요할때 잘 써보지 않았는데 모바일 관련 작업을 할때 은근 쓸기회가 많아 지는 것 같더군요. .change() PC에서 작업할때는 왜 생각이 안날까... https://api.jquery.com/change/ <div class="specs"> <ul> <li> <input type="radio" id="specs_01" name="specs" checked /><a href="#"><label for="specs_01">specs_01</label></a> </li> <li>           <input type="radio" id="specs_02" name="specs" /><a href="#"><label for="specs_02">specs_02</label></a> </li> <li> <input type="radio" id="specs_03" name="specs" /><a href="#"><label for="specs_03">specs_03</label></a> </li> <div class="specs_01 specsBox">1</div> <div class="specs_02 specsBox&q

급하게 만들어서 사용할때 유용하게 씀. jQuery를 사용할때 checkbox의 선택값을 가지고 올때 attr 과 prop가 있는데 attr 은 html의 속성값을 가지고 온다고 생각하면 되고 ex) checked prop는 javascript의 프로퍼티 값을 가지고 온다고 생각하면 된다. ex) true/false <div class="checkArea">   <p><label for="agree01">동의</label><input type="checkbox" id="agree01" name="" /></p>   <div class="agBox">      agBox      <p class="agBoxClose"><a href="javascript:void(0)">닫기</a></p>   </div> </div> <stye> .checkArea .agBox{display:none;padding:10px;border:1px solid red;} .checkArea.current .agBox{display:block;} </stye> <script> $(function(){ $(".checkArea input:checkbox").click(function(){   if($(this).prop("checked")){       $(this).parents(".checkArea").addClass("current");     }else{       $(this).parents(".checkArea").removeClas