如何通过timepicker字段获取点击值？

我已经用timepicker动态地创建了多个tr。我正在使用wickedpicker.min.js。我想获取相应的timepicker值的值与锚点标记点击即提交点击的值。如何通过timepicker字段获取点击值？

<tr> 
<td id="output"></td> 
<td>1001</td> 
<td class="mdl-data-table__cell--non-numeric">Name</td> 
<td class="mdl-data-table__cell--non-numeric">Disposal</td> 
<td class="mdl-data-table__cell--non-numeric"> 
<input type="text" id="timepicker-24-hr" name="timepicker-24-hr" class="timepicker-24-hr mdl-textfield__input sstart"> 
</td> 
<td class="mdl-data-table__cell--non-numeric"> 
<input type="text" id="timepicker-24-hr" name="timepicker-24-hr" class="timepicker-24-hr mdl-textfield__input eend"> 
</td> 
<td class="mdl-data-table__cell--non-numeric"> 
<a href="#" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent btn-sm setAttn">submit</a> 
</td> 
</tr>

我使用该工具来获取值：

$(document).on("click", ".setAttn", function(e){ 
e.preventDefault(); 
alert($(".sstart").val()); 
alert($(".eend").val()); 
});

来源

2017-10-16 Debu

什么？你想获得提交的时间是吗？如果这样读取'.val（）'''使用'JavaScript'或'JQuery'使用事件侦听器来侦听提交点击。 – Sand

是的。当我尝试获取值时，它仅回答第一个tr的值。 – Debu

那么您用来获取该值的代码在哪里？帖子，以及该错误代码。而且我看到你在两个上都使用相同的'ID'的问题，所以'JavaScript'将会同时读取并且会取第一个值。 – Sand

尝试在此代码我用jquery并通过所有input type=text标签循环这个代码，它会读取，直到所有的值设置标签类型结束于HTML页面。

$(document).on("click", ".setAttn", function(e) { 
 
    e.preventDefault(); 
 
    $(".sstart").each(function() { 
 
    alert($(this).val()); 
 
    }) 
 

 
    $(".eend").each(function() { 
 
    alert($(this).val()); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tr> 
 
    <td id="output"></td> 
 
    <td>1001</td> 
 
    <td class="mdl-data-table__cell--non-numeric">Name</td> 
 
    <td class="mdl-data-table__cell--non-numeric">Disposal</td> 
 
    <td class="mdl-data-table__cell--non-numeric"> 
 
    <input type="text" id="timepicker-24-hr" name="timepicker-24-hr" class="timepicker-24-hr mdl-textfield__input sstart"> 
 
    </td> 
 
    <td class="mdl-data-table__cell--non-numeric"> 
 
    <input type="text" id="timepicker-24-hr" name="timepicker-24-hr" class="timepicker-24-hr mdl-textfield__input eend"> 
 
    </td> 
 
    <td class="mdl-data-table__cell--non-numeric"> 
 
    <input type="text" id="timepicker-24-hr" name="timepicker-24-hr" class="timepicker-24-hr mdl-textfield__input sstart"> 
 
    </td> 
 
    <td class="mdl-data-table__cell--non-numeric"> 
 
    <input type="text" id="timepicker-24-hr" name="timepicker-24-hr" class="timepicker-24-hr mdl-textfield__input eend"> 
 
    </td> 
 
    <td class="mdl-data-table__cell--non-numeric"> 
 
    <a href="#" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent btn-sm setAttn">submit</a> 
 
    </td> 
 
</tr>

这里的jsFiddle

来源

2017-10-16 10:56:11 Sand

这循环通过所有的投入。在提交时，我只需要.sstart和.eend类的值timepicker – Debu

然后你应该清楚地问这个问题。解释你想要的最终结果不只是说要获得时间选择器值。回答更新，下次您提问时请具体说明。 – Sand

在我的问题，我已经明确指出，我有多个TR和点击我想获得各自的价值对锚定标签点击即sstart和eend类各自的价值 – Debu

终于让我找到了答案。我使用timepicker id绑定了数据的id，所以每次使用picker的id现在都不一样。所以，我只是从timepicker ID获取值。

来源

2017-10-16 11:22:01 Debu

如何通过timepicker字段获取点击值？

回答

相关问题