jquery触发隐藏消失，jquery隐藏按钮或显示

如何用Jquery控制单选按钮点击否然后隐藏其他文本框

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：。

$('input[name="radio"]').change(function () {

if ($('input[name="radio"]:checked').val() === '0') {

$('input[type="text"]').hide();

}

});

3、浏览器运行index.html页面，此时点击“否”单选按钮后，输入框成功被隐藏了。

相关问答

Q1: 求助jquery select触发 隐藏

首先在select上加上onchange事件

onchange="hideTR(this);"

然后定义hideTR函数

function hideTR(s){

var v = s.value;

if(v=='t1'||v=='t2'||t=='t3'){

document.getElementById('tr的ID').style.display='none';

}else{

document.getElementById('tr的ID').style.display=‘';

}

}

Q2: Jquery触发显示和隐藏效果如何实现

$("#main_1").hover(function(){

$("#main_2").show();

},function(){

$("#main_2").hide();

});

Q3: jquery 如何设置下拉框隐藏

jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素，而 toggle() 方法则可以切换 hide() 和 show() 方法，也就是显示被隐藏的元素，并隐藏已显示的元素。

$("select").hide();      // 隐藏下拉框

$("select").show();      // 显示下拉框

$("select").toggle();    // 如果下拉框是显示的则隐藏之，反之亦然

示例代码如下

创建Html元素

div class="box"

span点击按钮可以显示或隐藏下拉框：/spanbr

div class="content"

select name="test"

option value="0"请选择一个项目/option

option value="1"我不选/option

option value="2"选就选吧/option

/select

/div

input type="button" value="显示"

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

select{width:150px;height:30px;border:1px solid #6699FF;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("select").hide(); // 默认隐藏下拉框

$(":button").click(function() {

$("select").toggle();  // 已经显示则隐藏，隐藏了则显示

$(this).val($(this).val()=="显示"?"隐藏":"显示");

})

})

观察效果

初始状态，select默认是被隐藏的

点击显示按钮则出现select，同时按钮的说明文字变为“隐藏”

点击“隐藏”，select消失，回到初始状态

Q4: jquery弹出层，过几秒就消失

首先加一个提示层并隐藏

div id="addBox" style="display:none;"保存成功/div

点击添加后显示，过一段时间后隐藏

$("$addBox").show();

setTimeout($("$addBox").hide(),3000)

jquery触发隐藏消失的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery隐藏按钮或显示、jquery触发隐藏消失的信息别忘了在本站进行查找喔。