0

私はフォームを作成しており、これをガイドとして使用して、はいまたはいいえにチェックされているチェックボックスを数えています。番号を取得できますが、入力フィールドに表示されません。firebugでコードを見ると更新されます。これが私のカットダウンテストコードです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript">
        $(document).ready(function () {
        $("input[value=Yes]").each(function () {
        $(this).change(updateCountyes);
        });
updateCountyes();
    function updateCountyes () {
    var countyes = $("input[value=Yes]:checked").size();
    $("input#item11_number_1").text(countyes);
    $("label#item11").toggle(countyes > 0);
    };
    $("input[value=No]").each(function () {
    $(this).change(updateCountno);
    });
updateCountno();
    function updateCountno () {
    var countno = $("input[value=No]:checked").size();
    $("input#item12_number_1").text(countno);
    $("label#item12").toggle(countno > 0);
    };
    });</script>  
</head>
<body>
<input type="checkbox"  value="Yes" />Yes
<input type="checkbox"  value="No" />No
<input type="checkbox"  value="Yes" />Yes
<input type="checkbox"  value="No" />No
<div id="item11" class="fb-item fb-100-item-column">
    <div class="fb-grouplabel">
      <label style="display: inline;" id="item11_label_0">Yes</label>
    </div>
    <div class="fb-input-number">
      <input type="number" autocomplete="off" data-hint="" placeholder="" step="1" max="999999999" min="0" id="item11_number_1" name="countyes">
    </div>
  </div>

  <div id="item12" class="fb-item fb-100-item-column">
    <div class="fb-grouplabel">
      <label style="display: inline;" id="item12_label_0">No</label>
    </div>
    <div class="fb-input-number">
      <input type="number" autocomplete="off" data-hint="" step="1" max="999999999" min="0" id="item12_number_1" name="countno">
    </div>
  </div>

</body>
</html>
4

1 に答える 1

1

使用したい入力val(ドキュメントを参照) については、text. したがって、これらの行を変更します。

$("input#item11_number_1").text(countyes);
$("input#item12_number_1").text(countno);

これに:

$("input#item11_number_1").val(countyes);
$("input#item12_number_1").val(countno);

デモを見る

于 2013-03-07T03:35:13.417 に答える