如何通過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字段獲取點擊值？

回答

相關問題