JQuery验证 - 动态要求的元素

Question

我试图在MVC中设置一个动态表单，其中一些问题可能会根据所选的值跟随问题。 如果激活了以下问题，那么它就变得“必要”。反之亦然。

我可以使用JQuery使用类来实现这一点，但我对使用数据属性感兴趣，因为它更灵活，我可以准确指定（父问题的）哪个值触发行为。

<input type="radio" value="1" id="comment1" name="comment" data-rule-required="true" data-rule-followon="true" data-rule-followon-value="1" data-rule-followon-id="comments">Yes              
<input type="radio"  value="0" id="comment0" name="comment">No 

<textarea maxlength="1000" id="comments"></textarea>

感激不尽的任何帮助。

Answer 1

试试这个

 CSS:

 .hide {
  display: none;
 }

  HTML:

  <textarea maxlength="1000" id="comments" class="hide"></textarea>

 var value= $('input[name=name_of_your_radiobutton]:checked').val();

 if(value== "No")
 {
 $('#comments').removeClass('hide');
 }