javascript - jquery 表单字段写入问题

Question

我正在用 jquery 更新表单中的隐藏字段。它在前三次点击时工作正常，之后它只显示第一个元素值。

这是工作 js fiddle jsfiddle link :

当用户点击选项卡时，fileorurl 的值更改为 1,2 或 3。它适用于前 3-5 次点击，但之后值(value)库存仅为 1。这里是 html

<div class="container" id="upload">
    <div class="row">
        <form id="upload-form2"
              action="http://way2enjoy.com/modules/compress-png/converturl16.php"
              name="arjun"
              method="post"
              enctype="multipart/form-data">
            <div id="tab" class="btn-group" data-toggle="buttons">
                <a href="#fileuu" class="btn btn-default active" data-toggle="tab">
                    <input type="radio" class="changev" value="1">File Upload
                </a>
                <a href="#urluu" class="btn btn-default" data-toggle="tab">
                    <input type="radio" class="changev" value="2">URL upload
                </a>
                <a href="#linkuu" class="btn btn-default" data-toggle="tab">
                    <input type="radio" class="changev" value="3">Website Link
                </a>
            </div>
            <div class="tab-content">
                <div class="tab-pane active" id="fileuu">
                    <label for="comment">Click below to choose files:</label>
                    <input type="file" name="file[]" multiple id="input" class="file_input">
                </div>
                <div class="tab-pane" id="urluu">
                    <label for="comment">Image Urls to Compress:</label>
                    <textarea class="form-control" rows="2" name="urls" id="urls"></textarea>
                </div>
                <div class="tab-pane" id="linkuu">
                    <label for="comment">Website URL to Analyze:</label>
                    <textarea class="form-control" rows="2" name="file[]" id="urls"></textarea>
                </div>
            </div>
            <div class="alert alert-warning" role="alert" id="loading_progress"></div>
            <br>
            <input type="submit"
                   value="Compress »"
                   class="btn btn-primary btn-lg pull-right"
                   id="upload_btn"
                   name="upload_btn">
            <input type="hidden" name="fileorurl" id="myField" value="">
        </form>
    </div>
</div>

这是javascript:

<script>
    $('.changev').change(function () {
        var valueuu = $(this).val();
        $("#myField").val(valueuu);
    });
</script>

任何帮助都会有用，谢谢!

Answer 1

您的复选框在点击几下后由于某些奇怪的原因没有更新。您可以改为对他们的 parent 使用 click 事件:

$('#tab a').on('click', function(){
    var valueuu = $(this).find('input').val(); 
    $("#myField").val(valueuu);
});

Fiddle