使用javascript隐藏输入字段div类

使用javascript隐藏输入字段div类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个付款表单,当我点击网上银行时,所有的输入字段都会被禁用,而是显示一些图像。这是我没有做过的小提琴,我不能用它们的类id隐藏输入文本字段 这是js function cc() { $('#cards.credit-card').removeClass("visa mastercard").addClass("visa"); } function dc() { $('#cards.credit-card').removeClass("visa mastercard").

我有一个付款表单,当我点击网上银行时,所有的输入字段都会被禁用,而是显示一些图像。这是我没有做过的小提琴,我不能用它们的类id隐藏输入文本字段

这是js

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

}

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

}
请检查小提琴以获得清晰的画面

您要选择所有输入和选择元素并将其属性设置为“禁用”:

要选择所有输入和选择元素,并将其属性设置为“禁用”:

要选择所有输入和选择元素,并将其属性设置为“禁用”:

要选择所有输入和选择元素,并将其属性设置为“禁用”:


这是因为,默认情况下,当单击“表单”中的“按钮”标记时,“表单”将被提交

它不会重定向其他两个,因为HTML5表单验证会阻止表单提交。这就是为什么您单击Visa/Mastercard时会看到错误消息

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

<button onclick="javascript:ib(event)" class="btn btn-1 btn-1c">Internet Banking</button>
你也可以对另外两个处理者做同样的处理

因此,将阻止默认提交操作

要禁用所有文本字段,请执行以下操作:

$('#cards input[type=text]').prop('disabled', true);
要隐藏它们,请执行以下操作:

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


顺便说一下。您不必使用诸如$'cards之类的选择器。信用卡、'id'在DOM中应该是唯一的,仅使用$'cards'您将获得相同的元素

这是因为,默认情况下,当单击“表单”中的“按钮”标记时,“表单”将被提交

它不会重定向其他两个,因为HTML5表单验证会阻止表单提交。这就是为什么您单击Visa/Mastercard时会看到错误消息

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

<button onclick="javascript:ib(event)" class="btn btn-1 btn-1c">Internet Banking</button>
你也可以对另外两个处理者做同样的处理

因此,将阻止默认提交操作

要禁用所有文本字段,请执行以下操作:

$('#cards input[type=text]').prop('disabled', true);
要隐藏它们,请执行以下操作:

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


顺便说一下。您不必使用诸如$'cards之类的选择器。信用卡、'id'在DOM中应该是唯一的,仅使用$'cards'您将获得相同的元素

这是因为,默认情况下,当单击“表单”中的“按钮”标记时,“表单”将被提交

它不会重定向其他两个,因为HTML5表单验证会阻止表单提交。这就是为什么您单击Visa/Mastercard时会看到错误消息

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

<button onclick="javascript:ib(event)" class="btn btn-1 btn-1c">Internet Banking</button>
你也可以对另外两个处理者做同样的处理

因此,将阻止默认提交操作

要禁用所有文本字段,请执行以下操作:

$('#cards input[type=text]').prop('disabled', true);
要隐藏它们,请执行以下操作:

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


顺便说一下。您不必使用诸如$'cards之类的选择器。信用卡、'id'在DOM中应该是唯一的,仅使用$'cards'您将获得相同的元素

这是因为,默认情况下,当单击“表单”中的“按钮”标记时,“表单”将被提交

它不会重定向其他两个,因为HTML5表单验证会阻止表单提交。这就是为什么您单击Visa/Mastercard时会看到错误消息

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

<button onclick="javascript:ib(event)" class="btn btn-1 btn-1c">Internet Banking</button>
你也可以对另外两个处理者做同样的处理

因此,将阻止默认提交操作

要禁用所有文本字段,请执行以下操作:

$('#cards input[type=text]').prop('disabled', true);
要隐藏它们,请执行以下操作:

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

顺便说一下。您不必使用诸如$'cards之类的选择器。信用卡、'id'在DOM中应该是唯一的,仅使用$'cards'您将获得相同的元素