'jquery 라디오버튼'에 해당되는 글 2건
2011. 6. 27. 19:27
jquery 쿠키를 사용해서 전화면에서 입력한 값을 로드해보자.
야후측에서 앞서 작성한 내용에 추가로 기입력값에 대한 보장을 요청했다. 쿠키를 이용해 값을 유지하기로 결정!
jquery.cookie.js를 import했다는 것을 전제....
<script type="text/javascript" src="__base_seminar_path__/shared/js/jquery.cookie.js"></script>
// 쿠키 dm_con 이 존재할 경우 그것을 라디오버튼의 값으로 셋팅
// 쿠키가 존재하지 않을 경우는 라디오버튼의 2번째 값 (1: DM 희망, 2:DM희망하지 않는다.) 을 셋팅
야후측에서 앞서 작성한 내용에 추가로 기입력값에 대한 보장을 요청했다. 쿠키를 이용해 값을 유지하기로 결정!
jquery.cookie.js를 import했다는 것을 전제....
<script type="text/javascript" src="__base_seminar_path__/shared/js/jquery.cookie.js"></script>
(function($){
// 필요에 의해 히든값을 넘긴다. 값은 라디오버튼의 2번째값을 셋팅
function make_hidden(){
var q = document.createElement('input');
q.type = 'hidden';
q.name = "Public::Application::User_D__P__D_permission_type_master_id";
q.value = "2";
document.forms[0].appendChild(q);
}
// 쿠키 dm_con 이 존재할 경우 그것을 라디오버튼의 값으로 셋팅
// 쿠키가 존재하지 않을 경우는 라디오버튼의 2번째 값 (1: DM 희망, 2:DM희망하지 않는다.) 을 셋팅
function radioDefaultChecked(){
var dm = $("input[name='Public::Application::User_D__P__D_permission_type_master_id']");
var CookieName = $.cookie("dm_con");
console.log("最初のクッキー " + CookieName); // 콘솔로그..
if (CookieName == null) {
console.log("クッキーはありません");
if (dm.length) {
//dm.val(["2"]); // 2번째 값을 셋팅하는 가장 단순한 방법. 약간 문제가 있어 아래 방법으로 수정..
dm.filter(function(){ return ($(this).val() == '2')}).attr("checked", true);
} else {
make_hidden(); // dm의 길이가 false 이므로 (dm항목이 존재하지 않으므로) 히든값으로 값을 전달
}
console.log("ユーザが選んだ値 " + $(":radio[name$='permission_type_master_id']").val());
} else {
console.log("クッキーがあるから使おう " + CookieName);
dm.val([CookieName]); //쿠키가 존재하므로 라디오버튼의 값에 쿠키값대입
}
console.log("クッキーは " + CookieName);
}
// 화면 초기 로딩시에 radioDefaultChecked를 호출하여 라디오버튼의 디폴트 값을 지정
// image가 클릭되었을 때 (서브밋될 때) 쿠기값이 존재할 경우 쿠키값을 셋팅한다.
// image가 클릭되었을 때 (서브밋될 때) 쿠기값이 존재할 경우 쿠키값을 셋팅한다.
$(document).ready(function() {
radioDefaultChecked();
$("input:image").click(function(){
console.log("form submit start");
var checked_dm = $("input[name='Public::Application::User_D__P__D_permission_type_master_id']:checked").val();
var date = new Date();
// jquery.cookie.js 의 expires는 기본 day 가 기준. 30분 단위로 쿠키를 클리어 할 경우 date를 셋팅
date.setTime(date.getTime() + (30 * 60 * 1000));
date.setTime(date.getTime() + (30 * 60 * 1000));
$.cookie("dm_con", checked_dm , {expires: date});
console.log("クッキーの値は " + $.cookie("dm_con"));
} );
});
})(jQuery); 'javascript&Jquery' 카테고리의 다른 글
Jqgrid ParserError 발생시... (0) | 2014.05.29 |
---|
2011. 6. 13. 15:29
[TIP]
"희망하지 않는다" 를 화면의 디폴트 밸류로 지정하는 경우..
jquery는 다음과 같다.
jquery는 다음과 같다.
라디오 버튼을 아래와 같이 사용하고 있을 경우
'TIP' 카테고리의 다른 글
○○強や○○弱とは (0) | 2011.09.30 |
---|---|
버그질라 사용에 관해 (0) | 2011.06.08 |
Modify Headers (0) | 2011.06.03 |
유용한 도스 파일 복사 커맨드 (0) | 2010.06.23 |