Javascript设置数据必需属性

Question

我正在尝试根据数据使用data-required属性，如果value == 1我要将data-required属性设置为true其他false。< / p>

HTML

<input type="text" id="txtPhone" name="phone" data-required="true" class="form-control">

使用Javascript：

 var value = $("#txtPhone").val();
        if (value == "1") {
            $("#txtPhone").... // Set data required true for txtphone input
        }
        else {
            $("#txtPhone")... // Set data required false for txtphone input
        }

如何将data-required设置为true或false？

我如何通过JavaScript执行此操作？

Answer 1

据我了解你的问题..这就是你要找的fiddle？

        var myvalue = $("#txtPhone").val();
        if (myvalue == "1") {
             $("#txtPhone").attr("data-required","true");
            alert(myvalue);
        }
        else {
           $("#txtPhone").attr("data-required","false");
            alert(myvalue);
        }

Answer 2

这样做：

var value = $("#txtPhone").val();
if (value == "1") {
    document.getElementById('txtPhone').setAttribute("data-required","true");
}
else {
    document.getElementById('txtPhone').setAttribute("data-required","false");
}

查看此fiddle。