jquery-ui复选框选中并把值放到text文本框中

发布网友 发布时间：2022-05-17 14:42

我来回答

共3个回答

懂视网 时间：2022-05-17 19:03

使用jQuery UI的tooltip()函数，可以使悬浮提示框不再那么千篇一律。点击这里先看看效果吧：http://www.keleyi.com/keleyi/phtml/tooltip/
以下是完整代码：保存到html文件打开也可以看效果。
代码如下:

热心网友 时间：2022-05-17 17:29

<td align="left" width="150px;" >
<input type="checkbox" value="1" class="week"/>周一
<input type="checkbox" value="2" class="week" />周二
<input type="checkbox" value="3" class="week" />周三
<input type="checkbox" value="4" class="week" />周四
<input type="checkbox" value="5" class="week" />周五
<input type="checkbox" value="6" class="week" />周六
<input type="checkbox" value="7" class="week" />周日
<input type="text" id="weekdate" name="weekdate"/>
</td>

先给复选框定义同一个class，下面是jquery实现：

<script type="text/javascript">
$(function(){

var $week=$(".week");
$week.click(function(){
var values="";
for(var i=0;i<$week.length;i++){
if($week[i].checked){
values +=$week[i].value;

}
}
$("#weekdate").val(values)

});

})
</script>