使用javascript隱藏輸入字段div類

我有一個付款表單，當我點擊網上銀行時，所有的輸入字段被禁用，而是顯示一些圖像。這是我所做的小提琴http://jsfiddle.net/f8Fd3/4/不，我無法隱藏輸入文本字段使用他們的類ID。使用javascript隱藏輸入字段div類

這是JS

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

} 

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

}

請小提琴能獲得清晰的畫面

來源

2013-11-28 Ajeesh

這是因爲，在默認情況下，當點擊一個「形式」中的「按鈕」標籤，「形式」將被提交。

由於存在阻止提交表單的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'），你將獲得相同的元素。

來源

2013-11-28 01:13:41

您想選擇所有input & select元素，並設置其屬性disabled到true：

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

Fiddle

來源

2013-11-28 01:13:24

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(); 
} 


`

來源

2013-11-28 01:13:35 code2use

使用javascript隱藏輸入字段div類

回答

相關問題