How to set required attribute on checked event in jqgrid

Question

Hello,

        Here is my code How to Set Required attribute to DefectNo when  IsElementDefect  is checked and remove required attribute on IsElementDefect Unchecked.

 colModel: [

{label: 'Is Defect', name: 'IsElementDefect', width: 130, align: 'center', edittype: "checkbox",

hidden: true, editable: true, editrules: { edithidden: true }, hidedlg: true}

editoptions: {

text: "IsElement:IsDefect", value: '1:0',

dataEvents: [

{

type: 'change', fn: function (e) {

if ($('#IsElementDefect').is(':checked')) {

$('#tr_DefectNo').show();

$('#tr_DefectNo').attr('required', 'required');

$('#tr_DefectNo').prop('required');

}

else {

$('#tr_DefectNo').hide();

$('#tr_DefectNo').removeAttr('required');

}

}

}]

}, formatter: "checkbox", formatoptions: { disabled: false }, sortable: false

},

 

 

{label: 'Element No', name: 'ElementNo', width: 130, editable: true, stype: "select", edittype: "select", editrules: { required: true }},

 

{label: 'Defect No', name: 'DefectNo', width: 130, editable: true, stype: "select", edittype: "select", editrules: { required: true }}, 

 

 

Please provide me solution as soon as possible