Jquery中复选框选中取消实现文本框的显示隐藏

标签内容

<div class="box">
请编写javascript代码,完成如下功能要求:<br />
1.取消复选款后,要求促销价格、促销开始结束日期3个控件不可用。<br />
2.选中复选框后,要求促销价格、促销开始结束日期3个控件可用。
</div>
<div class="box">

<table id="table1" class="mytable">
<tr>
<td>是否促销:</td>
<td><input type="checkbox" id="chkPromote" /></td>
</tr>
<tr>
<td>
促销价格:
</td>
<td>
<input type="text" id="txtPromotePrice" />
</td>
</tr>
<tr>
<td>
促销日期:
</td>
<td>
<input type="text" id="txtStart" />-
<input type="text" id="txtEnd" />
</td>
</tr>
</table>
</div>

Jquery内容

<script>

$(function () {

$("input[type=text]").attr("disabled", true).val("不可使用");

$("input[type=checkbox]").click(function () {

var $cr = $("input[type=checkbox]");
if ($cr.is(":checked")) {

$("input[type=text]").attr("disabled", false).val("可以使用");
}
else {

$("input[type=text]").attr("disabled", true).val("不可使用");
}
});

});

</script>

原文地址:https://www.cnblogs.com/yunnanyanjin/p/9481978.html

时间: 2024-10-06 00:15:45

Jquery中复选框选中取消实现文本框的显示隐藏的相关文章

Jquery实现点击文字后变成文本框,修改发送后台保存

本文实现以下几个功能: 1.点击文字变为文本框 ,并选中文字2.对文本框内容进行修改3.点击文本框以外的地方文本框再次变为修改后的文字,如果是删除文字,显示默认提示文字4. 同步更新SQL数据库内容 首先是HTML模板部分: 1 <{if !empty($img_list)}> 2 <{foreach $img_list as $kk=>$vv}> 3 <div class="item-box radius3"> 4 <a href=&q

通过js动态生成文本框,怎么把文本框中的值传到java后台?

通过js动态生成文本框,怎么把文本框中的值传到java后台? 1 var lengths; 2 function insertrow2() //增加的一行方法2 3 { 4 newRow=document.all.yltable.insertRow(-1); 5 lengths = document.all.yltable.rows.length; 6 7 newcell=newRow.insertCell() ; 8 newRow.bgColor='#FFFFFF'; 9 newcell.al

Android实现搜索框内自动完成文本框

Android实现搜索框内自动完成文本框 xml文件代码如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 android:orientation="vertical" 5 android:layout_width=

Tag It 一款 Jquery控件,当你在文本框中输入逗号时,自动帮你分隔开相关内容

Demo地址:http://webspirited.com/tagit/ 使用方法: 除了JQuery脚本外,下面的脚本也是必须的,这些脚本你都可以去GitHub下载:https://github.com/hailwood/jQuery-Tagit <link href="~/Content/jquery.tagit.css" rel="stylesheet" /><link href="~/Content/tagit.ui-zendes

jquery设置文本框值 与获取文本框的值

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-1.12.4.js"></script> </head> <body> <input type="tex

JQuery简单的按钮点击和文本框输入事件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

使用Jquery实现点击文字后变成文本框且可修改

1 $(function() { 2 //获取class为caname的元素 3 $(".caname").click(function() { 4 var td = $(this); 5 var txt = td.text(); 6 var input = $("<input type='text'value='" + txt + "'/>"); 7 td.html(input); 8 input.click(function()

Jquery实现点击文字后变成文本框且可修改

$(function() { //获取class为caname的元素 $(".caname").click(function() { var td = $(this); var txt = td.text(); var input = $("<input type='text'value='" + txt + "'/>"); td.html(input); input.click(function() { return false;

选中复选框,才能在文本框中输东西

1.$("#i_limit_chk").off('ifChecked ifUnchecked').on('ifChecked ifUnchecked', function(event) {                            if(event.type == 'ifChecked'){                                $("#vc_classroom").attr("disabled",false)