πŸ’› ν”„λ‘œκ·Έλž˜λ°/Javascript & jQuery

[jQuery] disabled 속성 μ„€μ •ν•˜λŠ” 방법, ν•΄μ œν•˜λŠ” 방법

뎑_ 2021. 4. 5. 18:39
728x90
λ°˜μ‘ν˜•

disabled μ†μ„±μ΄λž€?

<input type='text' class='class' id='id' value='' disabled />

disabled 속성을 가진 μš”μ†ŒλŠ” μ‚¬μš©ν•  수 μ—†μœΌλ©°, μ‚¬μš©μžκ°€ 클릭할 μˆ˜λ„ μ—†λ‹€.

λ˜ν•œ, 폼이 전솑될 λ•Œ 값이 λ„˜μ–΄κ°€μ§€μ•ŠλŠ”λ‹€.

 

1. disabled 속성 μ„€μ •ν•˜λŠ” 방법

$("#id").attr("disabled", true);

2. disabled 속성 ν•΄μ œν•˜λŠ” 방법

$("#id").attr("disabled", false);

 

λ°˜μ‘ν˜•

 

3. disabled 속성 ν™•μΈν•˜λŠ” 방법

- attr 둜 ν™•μΈν•˜λŠ” 방법

disabled 섀정이 λ˜μ–΄μžˆμ„ 경우 : disabled 좜λ ₯

disabled 섀정이 ν•΄μ œλ˜μ–΄μžˆμ„ 경우 : undifind 좜λ ₯

console.log($("#id").attr("disabled"));

- boolean으둜 ν™•μΈν•˜λŠ” 방법

disabled 섀정이 λ˜μ–΄μžˆμ„ 경우 : true 좜λ ₯

disabled 섀정이 ν•΄μ œλ˜μ–΄μžˆμ„ 경우 : false 좜λ ₯

console.log($("#id").is(":disabled"));
728x90
λ°˜μ‘ν˜•