반응형
체크 박스 활성화/비활성화

1. 비활성화

$('#id').attr('disable', true);

$('[name='name']).attr('disable', true);

 

2. 활성화

$('#id').attr('disable', false);

$('[name='name']).attr('disable', false);

 

3. 삭제

$('#id').removeAttr("disabled");

$('[name='name']).removeAttr("disabled");

 

 

체크박스 체크여부 확인

$('#id').is(':checked');

$('[name='name']).is(':checked');

 

체크박스 전체체크

//체크 박스 전체 selector

$('input:checkbox').prop('checked', true);

반응형

'JavaScript' 카테고리의 다른 글

JQuery Select Box 제어  (0) 2019.01.03
[Javascript] check시 사용,사용불가  (0) 2018.09.06
insertAdjacentHTML() 이벤트 리스너  (0) 2018.09.04
선입선출 스케쥴링  (1) 2017.11.06
반응형
JQuery에 다른 기능을 검색하다가 아래의 사이트를 발견하여 나중에 도움이 될 듯하여 정리해둔다.

1. jQuery로 선택된 값 읽기

$("#selectBox option:selected").val();
$("select[name=name]").val();


2. jQuery로 선택된 내용 읽기

$("#selectBox option:selected").text();
 

3. 선택된 위치

var index = $("#test option").index($("#test option:selected"));


4. Add options to the end of a select

$("#selectBox").append("<option value='1'>Apples</option>");
$("#selectBox").append("<option value='2'>After Apples</option>");
 

5. Add options to the start of a select

$("#selectBox").prepend("<option value='0'>Before Apples</option>");
 

6. Replace all the options with new options

$("#selectBox").html("<option value='1'>Some oranges</option><option value='2'>MoreOranges</option>");
 

7. Replace items at a certain index

$("#selectBox option:eq(1)").replaceWith("<option value='2'>Someapples</option>");
$("#selectBox option:eq(2)").replaceWith("<option value='3'>Somebananas</option>");
 

8. 지정된 index값으로 select 하기

$("#selectBox option:eq(2)").attr("selected", "selected");


9. text 값으로 select 하기

$("#selectBox").val("Someoranges").attr("selected", "selected");

  방법1)
  $("#selectBox option").filter(function() {return this.text == 'searchText';}).prop('selected', 'selected');

  방법2)
  $('#selectBox > option').each(function() {
      if($(this).text() == 'searchText') {
         $(this).prop('selected', 'selected');
      }
  });

  방법3) 
  $("#selectBox option:contains('searchText')").prop('selected', 'selected');


10. value값으로 select 하기

$("#selectBox").val("2");
 

11. 지정된 인덱스값의 item 삭제

$("#selectBox option:eq(0)").remove();


12. 첫번째 item 삭제

$("#selectBox option:first").remove();


13. 마지막 item 삭제

$("#selectBox option:last").remove();
 

14. 선택된 옵션의 text 구하기

alert(!$("#selectBox option:selected").text());


15. 선택된 옵션의 value 구하기

alert(!$("#selectBox option:selected").val());


16. 선택된 옵션 index 구하기

alert(!$("#selectBox option").index($("#selectBox option:selected")));


17. SelecBox 아이템 갯수 구하기

alert(!$("#selectBox option").size());


18. 선택된 옵션 앞의 아이템 갯수

alert(!$("#selectBox option:selected").prevAl!l().size());


19. 선택된 옵션 후의 아이템 갯수

alert(!$("#selectBox option:selected").nextAll().size());
 

20. Insert an item in after a particular position

$("#selectBox option:eq(0)").after("<option value='4'>Somepears</option>");
 

21. Insert an item in before a particular position

$("#selectBox option:eq(3)").before("<option value='5'>Someapricots</option>");
 

22. Getting values when item is selected

$("#selectBox").change(function(){
           alert(!$(this).val());
           alert(!$(this).children("option:selected").text());
});

출처2 : http://egloos.zum.com/tiger5net/v/5667935

반응형

'JavaScript' 카테고리의 다른 글

CheckBox Jquery 컨트롤  (0) 2022.08.09
[Javascript] check시 사용,사용불가  (0) 2018.09.06
insertAdjacentHTML() 이벤트 리스너  (0) 2018.09.04
선입선출 스케쥴링  (1) 2017.11.06
반응형

$("#chkNotSEASON").change(function () { //체크박스 상태 변경시

                        if ($("#chkNotSEASON").prop("checked")) {  //체크되있을 시

//사용불가

                            $('#selMusSEASON').attr('disabled', true); 

                            $('#selMusSEASONTYPE').attr('disabled', true);


                        } else { //체크안됨

//사용가능

                            $('#selMusSEASON').attr('disabled', false);

                            $('#selMusSEASONTYPE').attr('disabled', true);


                        }

 });

반응형

'JavaScript' 카테고리의 다른 글

CheckBox Jquery 컨트롤  (0) 2022.08.09
JQuery Select Box 제어  (0) 2019.01.03
insertAdjacentHTML() 이벤트 리스너  (0) 2018.09.04
선입선출 스케쥴링  (1) 2017.11.06
반응형

insertAdjacentHTML()이벤트 리스너는 모든 브라우저에서 지원된다.


예제)

var html_to_insert = "<p>New paragraph</p>";


//.innerHTML destroys event listeners ( 무조건 맨앞이나 맨뒤 )

//사용방법

document.getElementById('mydiv').innerHTML += html_to_insert;


// with .insertAdjacentHTML, preserves event listeners

//location 옵션은 삽일할 위치를 지정합니다 각 옵션종류와 위치는 다음과 같습니다.

//종류 ('beforebegin', 'afterbegin', 'beforeend', 'afterend')


//사용방법

document.getElementById('mydiv').insertAdjacentHTML('locaction', html_to_insert);


<!-- beforebegin --> //div 이전에 삽입

<div id="mydiv">

  <!-- afterbegin --> //div.Innertext의 맨 앞부분

  <p>Existing content in #mydiv</p>

  <!-- beforeend --> //div.Innertext의 맨 뒤부분

</div>

<!-- afterend --> //div 이후 삽입

반응형

'JavaScript' 카테고리의 다른 글

CheckBox Jquery 컨트롤  (0) 2022.08.09
JQuery Select Box 제어  (0) 2019.01.03
[Javascript] check시 사용,사용불가  (0) 2018.09.06
선입선출 스케쥴링  (1) 2017.11.06
반응형


처리해야 할 작업이 N개가 대기중이고 이를 처리하기위한 CPU가 있습니다. N개의 작업은 모두 동일한 작업이라고 가정합니다.

작업을 수행하는 CPU에는 여러개의 코어가 있는데요. 코어별로 한 작업당 걸리는 시간이 다릅니다. 한 코어에서 작업이 끝나면 빈 코어에 다음 작업이 바로 들어가며, 2개 이상의 코어가 남을 경우 앞의 코어부터 채워줍니다. 처리해야 될 작업의 개수 n과, 각 코어의 처리 시간이 담긴 배열 core가 주어질 때, 마지막 작업이 들어가는 코어의 번호를 반환해주는 getCoreNumber 함수를 완성하세요.

예를 들어 작업이 6개이고, CPU의 코어별 처리 시간이 [1,2,3] 이라면 처음 3개의 작업은 각각 1,2,3번에 들어가고, 1의 시간 뒤 1번 코어에 4번째 작업, 다시 1의 시간 뒤 1,2번 코어에 5,6번 째 작업이 들어가므로 2를 반환해 주면 됩니다.







function getCoreNumber(n, core) {

    var answer = 0;

    var coores = [];


    n = n - core.length;

    for (var i = 0; i < core.length; i++) {

        var tick = {};

        tick["tick"] = core[i] - 1;

        tick["core"] = (i + 1);

        coores.push(tick);

    }


    while (n != 0) {

        for (var i = 0; i < coores.length; i++) {

            if (coores[i]["tick"] == 0) {

                coores[i]["tick"] = core[i];

                n--;

                if (n == 0) {

                    answer = coores[i]["core"];

                    return answer

                }

            }

            coores[i]["tick"] = coores[i]["tick"] - 1;

        }

    }

}



// 아래는 테스트로 출력해 보기 위한 코드입니다.

//console.log(getCoreNumber(61391213, [12, 26, 12, 22, 8, 6, 3, 29, 13]));

반응형

'JavaScript' 카테고리의 다른 글

CheckBox Jquery 컨트롤  (0) 2022.08.09
JQuery Select Box 제어  (0) 2019.01.03
[Javascript] check시 사용,사용불가  (0) 2018.09.06
insertAdjacentHTML() 이벤트 리스너  (0) 2018.09.04

+ Recent posts