2016-11-09 3 views
-2

привет, ребята, я новичок в языке JavaScript, вопрос на кнопке запуска страницы (1) должен быть отключен, а другой должен быть доступен по клику, после нажатия кнопки (2) включить кнопку (1) помогите мне, пожалуйста ...Отключение и включение кнопок

+0

могли бы также вставить код здесь, так что мы можем помочь вам лучше –

+1

Добро пожаловать в StackOverflow. Обратите внимание, что это не бесплатный сервис написания кода, но мы готовы помочь другим программистам (и претендентам) написать собственный код. Пожалуйста, прочитайте разделы справки на странице [Как задать хороший вопрос] (http://stackoverflow.com/help/how-to-ask). Впоследствии, пожалуйста, обновите свой вопрос с помощью кода, который вы написали до сих пор, чтобы выполнить задачу (задачи), которую вы хотите достичь. –

ответ

0

Вы можете использовать приведенный ниже код будет работать, то есть, когда страница загружена button1 будет отключена и button2 будет включена и при щелчке button2 button1 будет включен

В JS:

$("#button1").prop("disabled", true); 

function buttonClick(){ 
$("#button1").prop("disabled", false); 
} 

в HTML:

<input type="button" id="button2" onclick="buttonClick()"> 
0
<html> 

<!-- Include jQuery library --> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 

<!-- Your css --> 
<style> 
    #button1, #button2 { 
    width: 70px; 
    height: 30px; 
    background-color: #fff; 
    color: #000; 
    border: 1px solid black; 
    cursor: pointer; 
    } 

    #button1.disabled { 
    cursor: not-allowed; 
    background-color: #e6e6e6; 
    color: #808080; 
    } 
</style> 

<!-- jQuery --> 
<script> 
    $(document).ready(function(){ 

    $('#button2').on('click', function(){ 

     $('#button1').removeClass('disabled'); 
     $('#button1').on('click', function(){ 
      // Your button 1 function 
     }); 

    }); 

    }); 
</script> 

<!-- Content --> 
<body> 
    <div id="button1" class="disabled">Button 1</div> 
    <div id="button2">Button 2</div> 
</body> 
</html> 

Надеюсь, что я ответил на ваш вопрос.

-1

добавить следующие кнопки css: указатель-события: нет;

если и хотят, чтобы включить кнопку THW, добавьте следующий CSS:

указатель события: defau