Question

我只是想知道我是否可以在javascript中获得一些建议或帮助。我是html，jquery和javascript的初学者。我试图基于选定的单选按钮值使用java脚本控制jquery文本区域的element属性，我通过查看页面的页面源获取了textarea的代码。我的文本区域在元素属性中默认设置为Mandatory = true，我只是想知道是否可以根据单选按钮的值使Mandatory设置为false。我可以成功获取单选按钮的值，但仍然无法控制文本区域的元素属性

单选按钮的代码获取值，但不适用于元素属性

     $(document).ready(function(){ 
         $('input[type=radio][name=Rank]').change(function() {
         if (this.value == 'Vip') {
            alert("Vip");
            $('#Comment').prop('required',false);//I want to set mandatory false
        }
        else if (this.value == 'not') {
         $('#Comment').prop('required',true);//I want to set mandatory true
        }
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-cell"  element-class="org.joget.apps.form.lib.TextArea" element-property="{&quot;id&quot;:&quot;Comment&quot;,&quot;workflowVariable&quot;:&quot;&quot;,&quot;readonlyLabel&quot;:&quot;&quot;,&quot;cols&quot;:&quot;60&quot;,&quot;validator&quot;:{&quot;className&quot;:&quot;org.joget.apps.form.lib.DefaultValidator&quot;,&quot;properties&quot;:{&quot;message&quot;:&quot;&quot;,&quot;custom-regex&quot;:&quot;&quot;,&quot;mandatory&quot;:&quot;true&quot;,&quot;type&quot;:&quot;&quot;}},&quot;value&quot;:&quot;&quot;,&quot;label&quot;:&quot;Comment&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;rows&quot;:&quot;3&quot;}" >
    <label class="label">Comment <span class="form-cell-validator">*</span></label>
        <textarea id="Comment" name="Comment" cols="60"  rows="3"  ></textarea>
</div>

Answer 1

理想情况下设置为false应该可以，但是您可以在下面尝试

     $(document).ready(function(){ 
         $('input[type=radio][name=Rank]').change(function() {
         if (this.value == 'Vip') {
            alert("Vip");
            $('#Comment').removeAttr('required');
        } else if (this.value == 'not') {
         $('#Comment').prop('required',true);//I want to set mandatory true
        }
        });
    });

通过单选按钮的值控制文本区域的元素属性

1 个答案: