如何使用jquery進行更多控制？

我有一個文本框的頁面timepicker，我想用它來在這個頁面中的更多文本框？如何使用jquery進行更多控制？

<head> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#example8', '#TextBox1').timepicker({ 
      ampm: true     
     }); 
    }); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
    <input type="text" name="example8" id="example8" value="" /> 
</div>  
</form> 
</body>

來源

2011-05-26 shahin

使用class而不是id – 2011-05-26 17:43:43

你可以做這樣的事情

 <script type="text/javascript"> 
      $(document).ready(function() { 
       $('.needstimepicker').timepicker({ 
        ampm: true     
       }); 
      }); 
     </script> 



     <div> 
      <input type="text" class="needstimepicker" name="example8" id="example8" value="" /> 
      <input type="text" class="needstimepicker" name="example8" id="example9" value="" /> 
      <input type="text" class="needstimepicker" name="example8" id="example10" value="" /> 
     </div>

來源

2011-05-26 17:45:13

如何在使用maste頁面的頁面中使用它？ – shahin 2011-05-26 18:08:27

你需要一個字符串使用,選擇：

$("#this, #that").whatever()

來源

2011-05-26 17:44:11 SLaks

try something like this 

<head> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.timepicker', '#form1').timepicker({ 
      ampm: true     
     }); 
    }); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
    <input type="text" class="timepicker" name="picker1" id="picker1" value="" /> 
    <input type="text" class="timepicker" name="picker2" id="picker2" value="" /> 
    <input type="text" class="timepicker" name="picker3" id="picker3" value="" /> 
</div>  
</form> 
</body>

來源

2011-05-26 17:45:41 Michael

試試這個：

<script type="text/javascript"> 
      $(document).ready(function() { 
       $('.needstimepicker').each(function(){ 
       $(this).timepicker({ 
        ampm: true     
       }); 
       }); 

      }); 
     </script> 



     <div> 
      <input type="text" class="needstimepicker" name="example8" id="example8" value="" /> 
      <input type="text" class="needstimepicker" name="example8" id="example9" value="" /> 
      <input type="text" class="needstimepicker" name="example8" id="example10" value="" /> 
     </div>

來源

2013-04-25 19:12:16

如何使用jquery進行更多控制？

回答

相關問題