728x90
300x250

[jQuery] 체크박스, 라디오 버튼 선택과 해제

 

jQuery를 활용하여 체크 박스 선택 여부, Checked 처리, 라디오 버튼 선택과 해제에 대해서 소개하겠다.

 

1. Check 여부 확인


$("input:checkbox[id='ID'].is(":checked") == true:false;

/* by ID */

 

$("input:checkbox[name='NAME'])").is(":checked") == true:false;

/* by Name */

 

2. Checked / unchecked 처리


$("input:checkbox[id='ID']").attr("checked", true);

/* by ID */

$("input:checkbox[name='NAME']").attr("checked", false);

/* by Name */

 

3. 특정 라디오 버튼 선택 / 모든 라디오 버튼 선택 해제


$("input:radio[name='NAME']:radio[value='VALUE']").attr("checked", true);

$("input:radio[name='NAME'].removeAttr("checked");

 

4. 전체 선택을 하면 모두 선택될 수 있도록 기능 구현

<label><input type='checkbox' id='check_all' class='input_check' /> <b>전체선택</b></label>
<ul class='select_subject'>
<label><input type='checkbox' class='input_check' name='class[1]' value='1' /> <b>1</b></label>
<label><input type='checkbox' class='input_check' name='class[2]' value='2' /> <b>2</b></label>
</ul>

5. 기타


이런식으로 html이 있고, javascript 부분은 아래와 같이 처리하면 좋다.

$(function(){
    $("#check_all").click(function(){
        var chk = $(this).is(":checked");//.attr('checked');
        if(chk) $(".select_subject input").attr('checked', true);
        else  $(".select_subject input").attr('checked', false);
    });
});

 

6. 참고자료(Reference)

 

1. http://hobbiez.tistory.com/321, Accessed by 2013-11-11

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (0) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (0) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (0) 2013.11.13
[Javascript] 자녀 창에서 부모 창에 새로 고침 하기  (0) 2011.02.02
[Javascript] 웹 페이지 대화 상자 호출 방법  (0) 2011.02.01
728x90
300x250

[Javascript] 자녀 창에서 부모 창에 새로 고침 하기



window.opener.document.location.reload(); 명령어로 호출 시 경고문이 출력됩니다.
이처럼 경고문이 발생하지 않고 출력하려면 아래와 같은 명령을 사용하시면 됩니다.

window.opener.document.location.href = window.opener.document.URL; 


1. 적용하기

1. <head> 아래에 입력

<script language="javascript" type="text/javascript">

function 함수 이름()
{
          window.opener.document.location.href = window.opener.document.URL;
}

</script>

이하 생략

2. <body> 아래에 입력

<a href="javascript:함수 이름()">링크 이름</a>

사용자 환경에 맞게 기재하시면 됩니다.
반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (0) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (0) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (0) 2013.11.13
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (0) 2013.11.11
[Javascript] 웹 페이지 대화 상자 호출 방법  (0) 2011.02.01
728x90
300x250

[ASP.NET] 경고 없이 열린 창 닫기



Fig 1) 알림창, 지금 보고 있는 웹 페이지 창 닫기

Javascript의 window.close() 명령을 사용하면 보통 위의 그림과 같이 경고 문구가 실행됩니다.
이와 같은 것을 방지하고 종료가 될 수 있도록 하는 방법을 소개하고자 합니다.

1. 결과물

 

 

2. 구현

1. 링크 버튼 하나를 만듭니다.

2. 소스 코드

        protected void LinkButton1_Click(object sender, EventArgs e)
        {
            ClientScriptManager sm = Page.ClientScript;
          string script = "<script>window.opener='nothing';window.open('','_parent','');window.close();</script>";
            sm.RegisterStartupScript(this.GetType(), "sm", script);
        }


* (참고) Javascript 코드

<script>
    window.opener = 'nothing';
    window.open('', '_parent', '');
    window.close();
</script>

이와 구현하면 경고 창 없이 C#에서 현재 창을 종료할 수 있습니다.

반응형
저작자표시

'소프트웨어(SW) > MS - ASP.NET' 카테고리의 다른 글

[ASP.NET] 폼 인증을 통한 로그인 구현 방법  (0) 2013.10.30
[ASP.NET] 현재 접속자 IP 확인하기  (0) 2011.02.05
[ASP.NET 4] RouteMap 기술 - URL 단축하기 + 매개변수 처리  (0) 2011.01.28
[ASP.NET] 웹 서비스 구현 하기(Ajax) - JQuery(JSON)으로 호출 - Hello World  (0) 2011.01.26
[ASP.NET] 웹 서비스 구현 하기(Ajax) - Javascript로 호출 - Hello World  (0) 2011.01.26
728x90
300x250

[Javascript] 웹 페이지 대화 상자 호출 방법

MSDN 홈페이지에서 웹 페이지 대화 상자 호출 방법에 대해 올라온 글을 찾아서 공부한 후에 올려보게 되었습니다.
인터넷 익스플로러(이하 축약어 IE)에 대해서만 제공하는 메서드 일 가능성이 있습니다.

I found the post about how to call the webpage dialog box from the MSDN homepage.
It may be a method that is provided only for Internet Explorer (abbreviated IE).

[영어 단어 소개]

 번호

 언어
 (Language)

 단어
(Word)

 구분

세부사항(Detail)

국문 읽기

뜻

1

영어(English)
-> 한글(Korean)

 found

동사
(불규칙)

 find->found->found

 파운드

find(찾다.), found(찾았다.), found(찾았었다.)

2

영어(English)
-> 한글(Korean)

call

동사

call->called->called

콜

call(부른다.), called(불렀다.), called(불렀었다.)

3

영어(English)
-> 한글(Korean)

how

 

의문문(Why) 등

하우

어떻게

4

영어(English)
-> 한글(Korean)

dialog

 

 

다이알로그

(컴퓨터 용어) 대화 창,
대화

5

영어(English)
-> 한글(Korean)

may

 

 

메이

아마도,
(가능성을 나타내어)
…일지도 모른다[…일 수도 있다]

 

1. 웹 페이지 대화 상자 - 호출 방법 (구현)



1. Head 영역

<script type="text/javascript">
        function fnOpen() {
            var sWidth = "300";
            var sHeight = "300";
            var sFeature = "dialogWidth:" + sWidth + "px; dialogHeight:" + sHeight + "px;";
            window.showModalDialog("showModalDialog_target.htm", "", sFeature)
        }
</script>


2. Body 영역

 <form name="oForm">
 <input type="button" value="Push To Create" onclick="fnOpen()">
 </form>


2. 참고 자료

1. http://msdn.microsoft.com/en-us/library/ms536759.aspx, 접속일자 2011-02-01

 

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (0) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (0) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (0) 2013.11.13
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (0) 2013.11.11
[Javascript] 자녀 창에서 부모 창에 새로 고침 하기  (0) 2011.02.02

+ Recent posts

티스토리툴바