js 点击button,隐藏内容,同时更改value值

来源:互联网 发布:网络四大神书epub 编辑:程序博客网 时间:2024/04/27 21:06

简单介绍两种方法:

function change(o){
  $("p").toggle();
 if(o == "隐藏")
   o = '显示';
else{
o = '隐藏';
}
}

<input type="button" id="hide" value="隐藏" onclick="change((this.value=='隐藏')?(this.value='显示'):(this.value='隐藏'))" ></button>
<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>


也可以这样做

function change(o){
  $("p").toggle();
 if(o.value == "隐藏")
   o.value = '显示';
else{
o..value = '隐藏';
}
}
</script>
</head>
<body>
<input type="button" id="hide" value="隐藏" onclick="change(this)" ></button>
<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>


0 0