티스토리 뷰

Web Development/JQuery

jQuery Custom function 예제

dev ms 2016. 3. 29. 22:51
반응형
<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=EUC-KR">
<title>Insert titlehere</title>
<style type="text/css">
 
 
</style>
<scriptsrc="./js/jquery-1.6.2.min.js"></script> </script>
<scriptlanguage="javascript">
 
 
function param(){
           $('input[name=radioValue]').objectCheck('asp');
           $('input[name=chk1]').objectCheck('orange');
          
}
          
          
                     jQuery.fn.objectCheck= function (value){
                                $(this+'[value='+value+']').attr('checked',true);
                     }
                    
                     /*
                                radio및 checkbox 넘어온 값 체크.
                     */
 
</script>
</head>
<body>
           <formid="form1" name="form1">
                     <inputtype="radio" id="language" name="radioValue"value="asp"> asp
                     <inputtype="radio" id="language" name="radioValue"value="java"> java
                     <inputtype="radio" id="language" name="radioValue"value="asp.net"> asp.net
                     <inputtype="radio" id="language" name="radioValue"value="php"> php
                    
                     <inputtype="button" value="확인"onclick="param()">
                    
                     <br/>
                    
                     <inputtype="checkbox" id="chk" name="chk1"value="apple"> 사과
                     <inputtype="checkbox" id="chk" name="chk1"value="banana"> 바나나
                     <inputtype="checkbox" id="chk" name="chk1"value="orange"> 오렌지
                     <inputtype="checkbox" id="chk" name="chk1"value="kiwi"> 키위
           </form>
</body>
</html>


반응형
저작자표시

'Web Development > JQuery' 카테고리의 다른 글

jQuery.each() break; 방법  (0) 2016.03.29
jQuery 다른 라이브러리에서 코드 빌려쓰기  (0) 2016.03.29
두개의 다른 라이브러리간 충돌 발생시 해결 방법 (jQuery cookbook 예제)  (0) 2016.03.29
jQuery $.data() 예제  (0) 2016.03.29
jquery로 select box 만들어 보기  (0) 2016.03.29