HTML-CSS group_form 특수 효과에서 라디오 선택에 의해 트리거되는 '이벤트'

사신의 라디오 버튼 문제로 많은 사람들이 헛소리를 하러 나왔다. 아아, 이 초보 수준의 사람도 험난한 바다에서 낚시를 하러 나왔다. 실수로 하나 만졌네요.

우선 바이두에서 발굴한 코드를 살펴보겠습니다.

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

<script> () <BR>{ <BR> for(i=0;i<document.form1.Fruit.length;i ) <BR> { <BR> if(document.form1.Fruit[i].checked) <BR> { > Alert("당신이 가장 좋아하는 과일은:" document.form1.Fruit[i].nextSibling.nodeValue) <BR> ;form name="form1"> 🎜><input type=radio value="Fruit1" name="Fruit" selected>Apple <BR>< input type=radio value="Fruit2" name="Fruit">바나나 <BR><입력 유형 =radio value="Fruit3" name="Fruit">딸기 <BR><input type=radio value= "Fruit4" name="Fruit">파인애플 <BR><input type=버튼 값="선택 " onclick="checkradio()"> <BR> <BR><BR><BR>이 코드의 목적은 선택한 값을 결정하는 것입니다. <BR><BR>이제 원하는 효과는 각 옵션이 비어 있는 경우 프롬프트를 표시하는 것입니다. 다음 코드는 변경 후의 효과입니다. <BR><BR> 프로그램 코드 <BR><script> () <BR>{ </script>

var j=0;
for(i=0;i {
if(document .form1.Fruit[ i].checked==true)
{
Alert("선택했습니다" document.form1.Fruit[i].nextSibling.nodeValue)
{
//break;Feifei 이후의 휴식 시간 지적하면 유효하지 않으니 삭제하세요
    } else{
          j=j 1;                                                                              좋아요!");
                                                                        열매는 다음과 같습니다.

사과
바나나
딸기
파인애플




나중에 Chen이 작성한 더 명확한 코드를 보았습니다. 코드 조각을 여기에 게시하세요.
(참고: 테스트의 편의를 위해 조금 변경했지만 아이디어는 여전히 그의 것입니다)




코드 복사


코드는 다음과 같습니다.

<script> <BR>function checkradio() <BR>{ <BR> var flag=false <BR> for(var i=0;i<document.form1.Fruit.length- 1;i ) <BR>                                          alert ("^_^"); <BR> return false; <BR> }else{ <BR> Alert("영웅님, 하나만 선택하세요!"); 🎜> } <BR> </script>



라디오 선택이 끝났습니다. 페이페이 사장님은 밤에 포기하지 않고 체크박스 코드를 생각해 냈습니다.




코드 복사

코드는 다음과 같습니다.

 
    var j=document.getElementsByName("과일"); 
함수 allche(){ 
    for(var i=0; i             if(document.form1.Fruit[i].checked!=true) document.form1 .Fruit[i].checked= document.form1.suoy.checked; 
            if(document.form1.Fruit[i].checked==true) document.form1.Fruit[i].checked= document.form1.suoy.checked; 
    } 
} 
function checkall(){ 
var aa=0 
    for(var i=0; i             if(document. form1.Fruit[i].checked == true)  aa ; 
             aa!=j.length ? document.form1.suoy.checked=false : document.form1.suoy.checked=true; 
    } 
} 
function checkradio(){ 
var a=0 
var list="" 
for(var i=0; iif (document.form1.Fruit[i].checked== true){ 
list=="" ? list=document.form1.Fruit[i].value : list=list "," document.form1.Fruit[i].value; 
} 
if (list!="") alert("你喜欢的水果是" list); 

else{ 
a ; 
if (a==j.length)alert("大哥。你道不选我怎么知道你喜欢什么?");} 
} 

 

 
  您最喜欢的水果是：
 
   
  苹果 
   
  향초 
   
  草莓 
   
  凤梨 
   
  전체选 

 

<script>  <BR>함수 테스트()  <BR>{  <BR>    과일 목록 = "";  <BR>    for(i=0;i<document.getElementById("frm").length;i )  <BR>        if(document.getElementById("frm")[i].type=="checkbox" && document. getElementById("frm")[i].checked)  <BR>            fruitlist  = document.getElementById("frm")[i].value   " ";  <BR>    if(fruitlist!="")  <BR>        alert("你喜欢的水果是 " Fruitlist);  <BR>    else  <BR>        alert("大哥。你道不选我怎么知道你喜欢什么?");  <BR>}  <BR></script>  

再来一段更简洁的代码、效果更好的关于复选的代码。

复代代码 代码如下:

 
 
 

 
C1
 
C2
 
C3
 
C4
 
C5
 
C6
 
C7
 
C8
 
C9