如何在jquery中更改输入标记的类型（日期到文本）。

Question

请告诉我如何在按钮点击时更改jQuery中输入标签的类型（日期到文本）。

实际上我想做一些任务然后再想要改变类型（文本到目前为止。）

Answer 1

不确定你想要那种代码，这里的任何方式都是

$('#dataid').attr('type', 'input');

  

DEMO HERE

Answer 2

这样的事情：

$(document).ready(function() {
  $('#buttonId').click(function() {
    input = $('#inputId');
    if(input.attr('type') == 'text') {
      input.attr('type', 'date');
    } else {
      input.attr('type', 'text');
    }
  });
});

http://jsfiddle.net/TuvXm/

Answer 3

$("button").click(function(){
    $("#foo").prop("type","checkbox"); //instead of checkbox, you may put any type
})

Jsfiddle：http://jsfiddle.net/ZT6Xy/1/

Answer 4

这是工作样本fiddle

HTML：

<input type="date" id="inputID"/>
<br>
<br>
<button id="submit">Submit</button>

脚本：

$( document ).ready(function() {

$("#submit").click(function(){

  var a = document.getElementById("inputID");
  a.type="text";                      
});

}）;

请参阅以下屏幕截图类型更改为文字。

Answer 5

试试这个

$('button').on('click', function(){
if(input.prop('type') == 'text') {
    $('input[type=text]').prop('type','date');
 }
else {
    $('input[type=text]').prop('type','date');
 }
});