Struts2의 s:radio 태그 사용 및 jquery_jquery로 변경 이벤트 추가

struts2의 s:radio 태그 사용 요약

발생하는 문제: 이 태그를 사용할 때 기본 선택 항목이 설정되지만 제출된 데이터가 반환된 후 라디오 버튼이 이전에는 표시할 수 없습니다. 선택한 항목은 여전히 ​​기본 옵션입니다
테스트를 통해 다음과 같은 결론을 얻었습니다.

예
s:radio 태그를 사용할 때 태그를 선택하려는 경우 기본적으로 한 항목, 두 가지 방법이 있습니다
1. js 코드를 통해 구현

코드를 복사합니다 코드는 다음과 같습니다. 다음은 다음과 같습니다.

document.getElementsByName('user.sex')[0].checked=true;//기본적으로 남성이 선택됩니다.

2. 값 속성

코드 복사 코드는 다음과 같습니다.

🎜>

value 속성을 통해 라디오 선택 설정 상자의 기본 옵션이 선택된 경우 페이지를 새로 고칠 때마다 라디오 버튼의 상태가 기본 항목을 선택하는 상태입니다
따라서 데이터를 배경으로 제출하려면 라디오 버튼이 여전히 이전에 선택한 항목이고 값을 전달할 수 없습니다. 속성은 첫 번째 방법을 통해 설정해야 하는 기본 항목을 설정합니다
또한 배경은 값 설정에 관계없이 라디오 버튼의 값을 올바르게 얻을 수 있습니다


Struts2 태그 추가 변경 이벤트에 jquery 사용
Struts2의 태그를 사용하면 이 태그가 페이지에 대해 자동으로 생성되므로 평소처럼 라디오 그룹을 제어할 수 없기 때문에 여기에 변경 이벤트를 추가하고 싶습니다. 온라인에서 많이 검색했지만 만족스러운 것을 찾지 못했습니다. 이전과 같이 에 대한 ID를 설정하면 생성된 라디오 그룹에 다음과 같은 번호가 자동으로 추가됩니다.

코드 복사 코드는 다음과 같습니다.

< ;label for ="upfile_file0">No
은

이것은 jquery를 사용하여 달성할 수 있습니다. 이 < s:radio/> ="filetype"은 위에서 볼 수 있듯이 각 라디오에 CSS 클래스를 추가하고 다음 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$(function(){
$(".filetype").change(function(){
var val = $(" input[name='file']:checked").val();//선택한 라디오의 값을 가져옵니다
if(val=='1'){
alert( "예");
}else{
alert(“아니요”)
}
});