본문 바로가기

Local Oriented/jQuery

jQuery CSS 선택자, 속성에 대한 복수 항목 체크 (and or 조건)

<input type="text" name="nameA">

<input type="text" name="nameB">

<input type="radio" name="nameC" value="1">

<input type="radio" name="nameC" value="2">

<input type="radio" name="nameD" value="3">

<input type="radio" name="nameD" value="4">

<input type="checkbox" name="nameE" value="1">

<input type="checkbox" name="nameE" value="2">

<input type="checkbox" name="nameF" value="3">

<input type="checkbox" name="nameF" value="4">


상기 코드가 있을 때, radio 타입이면서 nameC 인 input 을 선택하려면..?

뭐, 당연히.. $('input[type="radio"][name="nameC"]') 라고 하면 되는데.. 이건 and 조건


그러면.. radio 인 넘들과 checkbox 인 넘들을 다 선택하려면..?

$('input[type="radio"], input[type="checkbox"]').. 라고 하면 되고, 이건 or 조건


자, 이제 radio 이고 nameC 인 넘들과 checkbox 이고 nameF 인 넘들만 선택하려면..?

$('input[type="radio"][name="nameC"], input[type="checkbox"][name="nameF"]').. 라고 하면 되고, 이건 or 조건



and 조건을 [attributeName="attributeValue1" && attributeName="attributeValue2"] 라고 했으면 얼마나 좋을까..

그런데, [attributeName="attributeValue1"][attributeName="attributeValue1"] 이것이 좀더 코드를 줄일 수 있으니까 좋긴 한데..


or 조건은..? [attributeName="attributeValue1" || attributeName="attributeValue1"] 라고 했으면 얼마나 좋을까요.. ㅠ.

이미 or 조건은 ',' 로 분리한다는 것이 있었기 때문에..

tagName[attributeName="attributeValue1"], tagName[attributeName="attributeValue2"] 로 하는 것. 이건 코드가 좀더 기네.. ㅠ.