범례 텍스트 변경 필드 세트

-1

페이지에 라디오 버튼 세트가 있습니다. 각 라디오 버튼은 다른 확인란 집합을로드합니다. 라디오 버튼 선택에 따라 체크 상자의 범례 텍스트를 변경하는 방법.범례 텍스트 변경 필드 세트

아래 코드에서 station1을 범례로로드하고 radiobutton1을 클릭하면 showS1 확인란을로드합니다. radionbutton2를 선택하면 범례 텍스트를 Station2로 변경하고 showS2 확인란을 표시해야합니다.

<html> 
    <head> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

    <link href="static/css/app.css" rel="stylesheet"></link> 
    </head> 
<body ng-app="app" class="ng-cloak"> 

<div class="generic-container" ng-controller="GController as ctrl"> 

    <form class="form-inline"> 
    <fieldset class="scheduler-border"> 
    <legend class="scheduler-border">Select Station</legend> 

    <div class="form-group"> 

    <label class="radio-inline" > 
    <input id="inlineradio1" name="sampleinlineradio" value="showS1" type="radio" ng-model="radioption"> 
       Station 1</label> 

    <label class="radio-inline"> 
    <input id="inlineradio2" name="sampleinlineradio" value="showS2" type="radio" ng-model="radioption" > 
       Station 2</label> 
    </div>  
    </fieldset> 
    </form> 

    <form class="form-inline"> 
    <div class="form-group"> 
    <fieldset class="scheduler-border"> 
    <legend class="scheduler-border">Station 1</legend> 

    <div ng-show="radioption == 'showS1'"> 
    <label class="radio-inline"> 
    <input id="cb1" type="checkbox" name="cboption" ng-model="checkboxption" value="cb1show"> 
      BRW</label> 
    </div> 

    <div ng-show="radioption == 'showS2'"> 
    <label class="radio-inline"> 
    <input id="cb2" type="checkbox" name="cboption" ng-model="checkboxption" value="cb2show"> 
     LCBD</label> 
    </div> 
    </fieldset> 
    </form> 
    </div> 
</body> 
</html>

편집 :

는 ID = A 범례를주고 이런 시도. 그러나 그것은 작동하지 않습니다. 내가 뭘 잘못하고 있는지 말해줘.

$(document).ready(function(){ 
      $("#inlineradio1").click(function(){ 
       $("#A").html("Station 1"); 
      }); 
    }); 
$(document).ready(function(){ 
      $("#inlineradio2").click(function(){ 
       $("#A").html("Station 2"); 
      }); 
    });

출처

2016-11-04 user3785322

당신의 JS 코드가 ? – Jigar7521

코드는 항상 게시해야하며 사람들은 코드를 재생산하거나 작업 할 수 있어야합니다. 모든 자료를 게시 해보십시오. – Sreekanth

$(document).ready(function(){ 
 
    $('input[name="sampleinlineradio"]').click(function(){ 
 
     if($(this).attr("value")=="showS1"){ 
 
     $('.scheduler-s1, .station_brw').show(); 
 
     $('.scheduler-s2, .station_lcbd').hide(); 
 
     } 
 
     if($(this).attr("value")=="showS2"){ 
 
     $('.scheduler-s1, .station_brw').hide(); 
 
     $('.scheduler-s2, .station_lcbd').show(); 
 
     } 
 
    }); 
 
});

.station_lcbd, .scheduler-s2{ 
 
    display: none; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<body ng-app="app" class="ng-cloak"> 
 

 
<div class="generic-container" ng-controller="GController as ctrl"> 
 

 
    <form class="form-inline"> 
 
    <fieldset class="scheduler-border"> 
 
    <legend class="scheduler-border">Select Station</legend> 
 

 
    <div class="form-group"> 
 

 
    <label class="radio-inline" > 
 
    <input id="inlineradio1" name="sampleinlineradio" value="showS1" type="radio" ng-model="radioption"> 
 
       Station 1</label> 
 

 
    <label class="radio-inline"> 
 
    <input id="inlineradio2" name="sampleinlineradio" value="showS2" type="radio" ng-model="radioption" > 
 
       Station 2</label> 
 
    </div>  
 
    </fieldset> 
 
    </form> 
 

 
    <form class="form-inline"> 
 
    <div class="form-group"> 
 
    <fieldset class="scheduler-border"> 
 
    <legend class="scheduler-s1">Station 1</legend> 
 
    <legend class="scheduler-s2">Station 2</legend> 
 

 
    <div ng-show="radioption == 'showS1'" class="station_brw"> 
 
    <label class="radio-inline"> 
 
    <input id="cb1" type="checkbox" name="cboption" ng-model="checkboxption" value="cb1show"> 
 
      BRW</label> 
 
    </div> 
 

 
    <div ng-show="radioption == 'showS2'" class="station_lcbd"> 
 
    <label class="radio-inline"> 
 
    <input id="cb2" type="checkbox" name="cboption" ng-model="checkboxption" value="cb2show"> 
 
     LCBD</label> 
 
    </div> 
 
    </fieldset> 
 
    </div> 
 
    </form> 
 
    </div> 
 
</body>

출처

2016-11-04 07:37:59 Venkatachalam

범례 텍스트 변경 필드 세트

답변

관련 문제