javascriptを使用してtdタグの入力フィールドの値を取得します

ビラス

<td>タグに存在する入力フィールドの値を取得しようとしています

<td class="edit_td1" id="<?php echo $id; ?>">
    <div class="form-group">
        <div class="col-lg-3 inputContainer">
            <input class="form-control cls-quantity" id="quanti_<?php echo $id; ?>" name="number" type="text" />
        </div>
    </div>
</td>
//...some code here
<a href="customer_details.php?shop=<?php echo $_GET['shop'];?>" class="btn btn-info" role="button" onclick="return td_validation();">Generate Bill</a>

JavaScriptコードは次のとおりです。

function td_validation()
{
    //alert("tds validation");
    var tds = document.getElementById('table_id').getElementsByTagName('td');
    var sum = 0;
    //alert(tds.length);
    for(var i = 0; i < tds.length; i ++)
    {
        if(tds[i].className == 'edit_td1' && tds[i].innerHTML==0)
        {
            //alert(tds[i].innerHTML);
            sum +=i;
        }
    }
    if(sum !=0)
    {
        alert("Enter quantity for "+sum+" fields");
        return false;
    }
    else
    {
        return true;
    }
}

ここでは、入力フィールドの値を取得したいと思いますsum +=iこの値が0の場合は、を実行します

ホーン

これがあなたがやろうとしていることの短いバージョンです:

function td_validation()
{
    var tds = document.querySelectorAll('#table_id td.edit_td1');
    var sum = 0;
    for(var i = 0; i < tds.length; i++)
    {
        if (tds[i].querySelector('input.cls-quantity').value === "0") {
           sum +=i;
        }
    }

    if(sum !=0)
    {
        alert("Enter quantity for "+sum+" fields");
        return false;
    }
    else
    {
        return true;
    }
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

入力フィールドの値を取得し、JavaScriptを使用してdivに表示します

分類Dev

Javascriptを使用して入力フィールドのタイプを取得する

分類Dev

Javascriptを使用して入力フィールドのタイプを取得する

分類Dev

JavaScript:Jqueryを使用して日付入力フィールドの値を取得します

分類Dev

JQueryを使用して最後の入力フィールドの入力値を取得します

分類Dev

入力フィールドの値を取得して、別の入力フィールドに送信します

分類Dev

JavaScriptで変数を名前として使用して入力フィールドの値を取得する

分類Dev

documentidjavascriptを使用して入力フィールドの値を取得する方法

分類Dev

jquerykeyupを使用して別の入力フィールドの値を取得します

分類Dev

forループによって生成されたtdタグから入力タグの値を取得します

分類Dev

.closestを使用して、div内の値を持つ入力フィールドを取得します

分類Dev

Javascriptを使用して複数の入力フィールドの値を取得する方法

分類Dev

javascriptを使用して入力フィールドの最大長を取得する方法

分類Dev

Javascriptは入力フィールドの値を削除します

分類Dev

すべてのフィールドに入力せず、ボタンなしで平均値を取得します

分類Dev

javascriptを使用して名前で配列である入力フィールドの値を取得する方法

分類Dev

react-geosuggest入力フィールドの入力値を取得します

分類Dev

AngularJSを使用して、入力フィールドの数値として入力を制限します

分類Dev

javascriptセレクターを使用してテーブルtd内の入力フィールドの値を取得するにはどうすればよいですか?

分類Dev

jQueryを使用して、入力タグの下にある要素のtd値を取得します

分類Dev

javascriptを使用してhtmlの他のフィールドの値に基づいてフォームフィールドにデータを入力する方法

分類Dev

ボタンをクリックした後、すべての入力フィールド値を取得します。(JavaScript)

分類Dev

JavascriptまたはjQueryを使用してテキストフィールドへの数値入力を防止する

分類Dev

HTMLフォーム入力フィールドの値を取得しますか?

分類Dev

jqueryを使用してsrcタグに挿入するときにhtml入力フィールドから値を取得します

分類Dev

テーブルtd内の入力値を取得します

分類Dev

同じ名前の複数の入力から値を取得する方法入力フィールドはjQueryを使用して動的に作成されますか?

分類Dev

入力フィールドの値を読み取り、javascript / jqueryを使用してvarタイプを自動的に割り当てます

分類Dev

Angularのボタンを使用して入力フィールドに入力します

Related 関連記事

  1. 1

    入力フィールドの値を取得し、JavaScriptを使用してdivに表示します

  2. 2

    Javascriptを使用して入力フィールドのタイプを取得する

  3. 3

    Javascriptを使用して入力フィールドのタイプを取得する

  4. 4

    JavaScript:Jqueryを使用して日付入力フィールドの値を取得します

  5. 5

    JQueryを使用して最後の入力フィールドの入力値を取得します

  6. 6

    入力フィールドの値を取得して、別の入力フィールドに送信します

  7. 7

    JavaScriptで変数を名前として使用して入力フィールドの値を取得する

  8. 8

    documentidjavascriptを使用して入力フィールドの値を取得する方法

  9. 9

    jquerykeyupを使用して別の入力フィールドの値を取得します

  10. 10

    forループによって生成されたtdタグから入力タグの値を取得します

  11. 11

    .closestを使用して、div内の値を持つ入力フィールドを取得します

  12. 12

    Javascriptを使用して複数の入力フィールドの値を取得する方法

  13. 13

    javascriptを使用して入力フィールドの最大長を取得する方法

  14. 14

    Javascriptは入力フィールドの値を削除します

  15. 15

    すべてのフィールドに入力せず、ボタンなしで平均値を取得します

  16. 16

    javascriptを使用して名前で配列である入力フィールドの値を取得する方法

  17. 17

    react-geosuggest入力フィールドの入力値を取得します

  18. 18

    AngularJSを使用して、入力フィールドの数値として入力を制限します

  19. 19

    javascriptセレクターを使用してテーブルtd内の入力フィールドの値を取得するにはどうすればよいですか?

  20. 20

    jQueryを使用して、入力タグの下にある要素のtd値を取得します

  21. 21

    javascriptを使用してhtmlの他のフィールドの値に基づいてフォームフィールドにデータを入力する方法

  22. 22

    ボタンをクリックした後、すべての入力フィールド値を取得します。(JavaScript)

  23. 23

    JavascriptまたはjQueryを使用してテキストフィールドへの数値入力を防止する

  24. 24

    HTMLフォーム入力フィールドの値を取得しますか?

  25. 25

    jqueryを使用してsrcタグに挿入するときにhtml入力フィールドから値を取得します

  26. 26

    テーブルtd内の入力値を取得します

  27. 27

    同じ名前の複数の入力から値を取得する方法入力フィールドはjQueryを使用して動的に作成されますか?

  28. 28

    入力フィールドの値を読み取り、javascript / jqueryを使用してvarタイプを自動的に割り当てます

  29. 29

    Angularのボタンを使用して入力フィールドに入力します

ホットタグ

アーカイブ