inoutが必要かどうかJQueryチェック

Question

私のHTMLテンプレートでは、特定の入力に対してFalseに設定する必要があります。

<div class="col-xs-2"> 
    <input type="text" required="false" class="product-data form-control" id="description" placeholder="Description" name="description"/> 
</div> 

JQueryで必要な値を印刷したいとします。

console.log("Value - " + $(this).attr("required")); 

出力：

価値 - 私はそれが偽印刷したい

必要。これを行う方法はありますか？

Answer 1

はgetAttribute()を使用してみてください：

document.getElementById('description').getAttribute('required') 

・ホープ、このことができます。あなたは、ターゲット属性の値を取得するにはJavaScript Element.getAttribute()を使用することができます

console.log("Value - " + document.getElementById('description').getAttribute('required'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-xs-2"> 
 
    <input type="text" required="false" class="product-data form-control" id="description" placeholder="Description" name="description"/> 
 
</div>

Answer 2

。

var attr = $("input")[0].getAttribute("required"); 
 
console.log("Value - " + attr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-xs-2"> 
 
    <input type="text" required="false" class="product-data form-control" id="description" placeholder="Description" name="description"/> 
 
</div>

Answer 3

required属性は、入力フィールドがあなたがその値として指定しているかは重要ではありません、を必要とすることを指定します。任意のデータを格納したい場合は、data- *のプレフィックス付きカスタム属性を使用します。

console.log("Value - " + $('#description').prop("required"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-xs-2"> 
 
    <input type="text" required id="description" /> 
 
</div>