使用javascript隐藏输入字段div类答案

【问题标题】：Hide the input field div class using javascript使用javascript隐藏输入字段div类
【发布时间】：2013-11-28 01:00:47
【问题描述】：

我有一个付款表格，当我点击网上银行时，所有输入字段都被禁用，而是显示一些图像。这是我已经完成的小提琴http://jsfiddle.net/f8Fd3/4/不，我不能使用他们的类ID隐藏输入文本字段。

这是js

function cc()
{
     $('#cards.credit-card').removeClass("visa mastercard").addClass("visa");

}

function dc()
{
    $('#cards.credit-card').removeClass("visa mastercard").addClass("mastercard");
}
function ib()
{

}

请检查小提琴以获得清晰的图片

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

这是因为默认情况下，当点击'form'中的'button'标签时，会提交'form'。

它不会重定向其他两个，因为有一个 HTML5 表单验证会阻止表单被提交。（这就是为什么您在点击 Visa/Mastercard 时会看到错误消息的原因）

如果你坚持在 dom 中绑定事件...你可以将事件对象传递给处理程序：

<button onclick="javascript:ib(event)" class="btn btn-1 btn-1c">Internet Banking</button>

在你的函数中：

function ib(event) {
  event.preventDefault();
}

您可能也想对其他两个处理程序执行相同的操作。

所以默认提交操作将被阻止。

并禁用所有文本字段：

$('#cards input[type=text]').prop('disabled', true);

隐藏它们：

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

编辑

顺便说一句。您不必使用 $('#cards.credit-card') 之类的选择器，'id' 在 DOM 中应该是唯一的，只需使用 $('#cards') 即可获得相同的元素。

【讨论】：

【解决方案2】：

The syntax class="class=tokenex_data full gr-input" is incorrect.

Instead use, class="tokenex_data full gr-input" 

Then use : 

`function ib()
{
    $(".tokenex_data").hide();
    $(".monthgr-input").hide();
}


`

【讨论】：

【解决方案3】：

您想选择所有input & select 元素并将它们的属性disabled 设置为true：

$('#cards input, #cards select').prop('disabled', true);

Fiddle

【讨论】：