jQuery는 여러 속성과 일치합니다
-
03-07-2019 - |
문제
나는 다음과 같은 마크 업을 가지고 있고, 나는 All
라디오 버튼이 확인되었습니다.
<ul>
<li><input type="radio" value="All" name="Foo"/>All</li>
<li><input type="radio" value="New" name="Foo"/>New</li>
<li><input type="radio" value="Removed" name="Foo"/>Removed</li>
<li><input type="radio" value="Updated" name="Foo"/>Updated</li>
</ul>
속성을 통해 일치하고 싶지만 2 가지 속성과 일치해야합니다. @name='Foo'
그리고 @value='All'
.
이 같은:
$("input[@name='Foo' @value='all']").attr('checked','checked');
누군가 이것이 어떻게이를 수행 할 수 있는지 보여줄 수 있습니까?
해결책
다음 HTML 파일은 다음을 수행 할 수있는 방법을 보여줍니다.
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(event){
$("input[name='Foo'][value='All']").attr('checked','checked');
event.preventDefault();
});
});
</script>
</head>
<body>
<ul>
<li><input type="radio" value="All" name="Foo" />All</li>
<li><input type="radio" value="New" name="Foo" />New</li>
<li><input type="radio" value="Removed" name="Foo" />Removed</li>
<li><input type="radio" value="Updated" name="Foo" />Updated</li>
</ul>
<a href="" >Click here</a>
</body>
</html>
링크를 클릭하면 원하는 라디오 버튼이 선택됩니다. 중요한 선은 하나의 설정입니다 checked
기인하다.
다른 팁
나는 이것과 비슷한 벽에 머리를 때리고 있었고 jQuery 1.3에서 받아 들여진 답변에 사용 된 구문이 작동 할 유일한 구문임을 지적하고 싶다. 질문자는 jQuery에서 전혀 작동하지 않는 표현식에 @ 구문을 사용합니다. 바라건대 이것은 다음 사람이 Google = P를 통해이 질문을 발견하는 데 도움이되기를 바랍니다.
명확하게하려면 사용해야합니다
jQuery('input[name=field1][val=checked]')
그리고 아닙니다
jQuery('input[@name=field1][@val=checked]')
제휴하지 않습니다 StackOverflow