我有一個單選按鈕，顯示一些帶有javascript的文本框。我的代碼具有onclick功能，因此首先它顯示所有文本框。我嘗試選中功能以選擇拳頭選項，因此它僅在加載時顯示第一個文本框（無需單擊），但沒有運氣。我不知道如何使第一個選項被選中，只顯示第一個文本框！<div class="radioBtns"> <label for='rbtnLoginTypeMobile'> <input checked type="radio" id="rbtnLoginTypeMobile" name="rbtnLoginType" value='1' onclick="showLogin(1)"/> <span>Mobile</span> </label> <label for='rbtnLoginTypeEmail'> <input type="radio" id="rbtnLoginTypeEmail" name="rbtnLoginType" value='0' onclick="showLogin(0)" /> <span>Email</span> </label></div><div class="mobilelogin"> <div class="form-group"> <input type="number" id="mobilelogin" class="form-control form-control-user" name="mobilelogin" placeholder="<?php _e('Mobile') ?>"> </div></div><div class="emaillogin"> <div class="form-group"> <input type="Email" id="?emaillogin" class="form-control form-control-user" name="emaillogin" placeholder="<?php _e('Email') ?>"> </div> <div class="form-group"> <input type="number" id="?emaillogin-ver-code" class="form-control form-control-user" name="emaillogin-ver-code" placeholder="<?php _e('Email Verification Code') ?>"> </div></div><script type="text/javascript"> function showLogin(val){ if(val==1) { $('.emaillogin').css('display','none'); $('.mobilelogin').css('display',''); } else { $('.mobilelogin').css('display','none'); $('.emaillogin').css('display',''); } }</script>
4 回答
白衣非少年
TA貢獻1155條經驗 獲得超0個贊
當您的頁面加載時，僅加載您的電子郵件輸入框.即：hide
//to hide email textbox on load
$('.emaillogin').css('display', 'none');
function showLogin(val) {
if (val == 1) {
$('.emaillogin').css('display', 'none');
$('.mobilelogin').css('display', '');
} else {
$('.mobilelogin').css('display', 'none');
$('.emaillogin').css('display', '');
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="radioBtns">
<label for='rbtnLoginTypeMobile'><input checked type="radio" id="rbtnLoginTypeMobile" name="rbtnLoginType" value='1' onclick="showLogin(1)"/><span>Mobile</span></label>
<label for='rbtnLoginTypeEmail'><input type="radio" id="rbtnLoginTypeEmail" name="rbtnLoginType" value='0' onclick="showLogin(0)" /><span>Email</span></label>
</div>
<div class="mobilelogin">
<div class="form-group">
<input type="number" id="mobilelogin" class="form-control form-control-user" name="mobilelogin" placeholder="<?php _e('Mobile') ?>">
</div>
</div>
<div class="emaillogin">
<div class="form-group">
<input type="Email" id="?emaillogin" class="form-control form-control-user" name="emaillogin" placeholder="<?php _e('Email') ?>">
</div>
<div class="form-group">
<input type="number" id="?emaillogin-ver-code" class="form-control form-control-user" name="emaillogin-ver-code" placeholder="<?php _e('Email Verification Code') ?>">
</div>
</div>
溫溫醬
TA貢獻1752條經驗 獲得超4個贊
您可以在窗口加載時調用相同的函數 showLogin。這是您可以處理此問題的方法之一。另一種方法可能是在同一腳本塊中使用參數調用您的方法 showLogin（）。請參閱下面的示例。
方法 1：
window.onload = function(){
showLogin(1)
}
方法 2：
<script type="text/javascript">
function showLogin(val) {
if (val == 1) {
$('.emaillogin').css('display', 'none');
$('.mobilelogin').css('display', '');
} else {
$('.mobilelogin').css('display', 'none');
$('.emaillogin').css('display', '');
}
}
showLogin(1)
</script>
慕妹3242003
TA貢獻1824條經驗 獲得超6個贊
答案很有用，您也可以將移動登錄類型的val設置為1，并將css設置為文檔準備就緒，如下所示
<script type="text/javascript">
$(document).ready(()=>{
$('#rbtnLoginTypeMobile').val(1)
$('.emaillogin').css('display','none');
$('.mobilelogin').css('display','');
})
function showLogin(val)
{
if(val==1)
{
$('.emaillogin').css('display','none');
$('.mobilelogin').css('display','');
}
else
{
$('.mobilelogin').css('display','none');
$('.emaillogin').css('display','');
}
}
</script>
慕森王
TA貢獻1777條經驗 獲得超3個贊
獲取 的值，然后以值作為參數進行調用。checked inputshowLogin
function showLogin(val) {
if (val == 1) {
$('.emaillogin').css('display', 'none');
$('.mobilelogin').css('display', '');
} else {
$('.mobilelogin').css('display', 'none');
$('.emaillogin').css('display', '');
}
}
const val = document.querySelector('input:checked').value;
if (val) {
showLogin(val);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="radioBtns">
<label for='rbtnLoginTypeMobile'><input checked type="radio" id="rbtnLoginTypeMobile" name="rbtnLoginType"
value='1' onclick="showLogin(1)" /><span>Mobile</span></label>
<label for='rbtnLoginTypeEmail'><input type="radio" id="rbtnLoginTypeEmail" name="rbtnLoginType" value='0'
onclick="showLogin(0)" /><span>Email</span></label>
</div>
<div class="mobilelogin">
<div class="form-group">
<input type="number" id="mobilelogin" class="form-control form-control-user" name="mobilelogin" placeholder="<?php _e('Mobile') ?>">
</div>
</div>
<div class="emaillogin">
<div class="form-group">
<input type="Email" id="?emaillogin" class="form-control form-control-user" name="emaillogin" placeholder="<?php _e('Email') ?>">
</div>
<div class="form-group">
<input type="number" id="?emaillogin-ver-code" class="form-control form-control-user" name="emaillogin-ver-code" placeholder="<?php _e('Email Verification Code') ?>">
</div>
</div>
- 4 回答
- 0 關注
- 150 瀏覽
添加回答
舉報
0/150
提交
取消