Tengo 2 botones de radio, cuando hago clic en la opción A, se debe mostrar un div en particular, y cuando hago clic en la opción B, se debe ocultar el 1er div y se debe mostrar el 2do div. A continuación se muestra el código.
<div class="form-group"> <input type="radio" name="test-radio" id="test-radio-Option-A" value="true" data-bind="click: test"> <label for="test-radio-Option-A">Text Message</label> </div> <div class="form-group"> <input type="radio" name="test-radio" id="test-radio-Option-B" value="false"> <label for="test-radio-Option-B">Text Message</label> </div> <div style="display: none" data-bind="visible: showDiv"> test Div </div>El siguiente es el guión que probé: (guión de café)
@showPhone = ko.observable false test: => @showPhone trueusando esto si hago clic en el primer botón de radio, pude ver el div, pero no sé si es la forma correcta. ¿Alguien puede guiarme a través de esto?
Gracias.
Necesitarás los dos enlaces siguientes:
su html se verá así:
<div class="form-group"> <input type="radio" name="test-radio" id="test-radio-Option-A" value="true" data-bind="checked: optionA"> <label for="test-radio-Option-A">Text Message</label> </div> <div class="form-group"> <input type="radio" name="test-radio" id="test-radio-Option-B" value="false" data-bind="checked: optionB"> <label for="test-radio-Option-B">Text Message</label> </div> <div data-bind="visible: optionA"> test Div A </div> <div data-bind="visible: optionB"> test Div B </div>Su modelo de vista necesitará 2 observables booleanos opción A y opción B para que la vista se enlace de esta manera