markdown 当您单击复选框/ radio_button时，禁用其他区域。

Posted 2021-05-06

```js
$(document).ready(function(){
    $('input[name="visit_nursing_instructions_report[notApplicable]"]' ).on( "click",function() { 
    
/* x */ var r = $('input:checked').val(); 
        // ↑ this pattern will be applied to eveything.
        
/* 2 */ const r = $('input[name="visit_nursing_instructions_report[notApplicable]"]:checked').val();
        // ↑ which node to specify in detail.
        // $('input[name="hoge[childHoge]"]:checked') 

/* 1 */ const r = $(this).filter(':checked').val();
        /* But there was a better way */
        
        console.log(`${r}: ${typeof r}`); 
        if(!r || r==="1" || r==="2" ){
            console.log("該当します");
            $(":input[name^='visit_nursing_instructions_report[needSupport]']").prop("disabled", false);
            $(":input[name^='visit_nursing_instructions_report[needCare]']").prop("disabled", false);
        }else{
            console.log("該当しません");
            $(":input[name^='visit_nursing_instructions_report[needSupport]']").prop("disabled", true);
            $(":input[name^='visit_nursing_instructions_report[needCare]']").prop("disabled", true);
        }
    });
});
```
```js
const hoge = $(..);
hoge.prop({"disabled":true,"checked":false})      
// 複数オプションをつける check　を外す, disable にする
```

# .click, .change (ex
```js
// modal
 $(".kettei").click(function(e) {
     var id = $(this).attr("carteid");
     var cartes = <%= raw @cartes.to_json %>;
     var karte = cartes.filter(function (item,index){
         if (item.id == id) return true;
     });
     ..
 });
 // 選択フィールドでの分岐[有/無]。指定エリアに値を差し込む
 $("#tenpubunsho").change(function(e) {
     if($(this).val() === "1"){
         $('#textarea1').val("別添文書参照");
     }else{
         $('#textarea1').val("");
     }
 });
```

# Error Points
## タイミングが違うと、 windowsでエラーになる。
非活性状態から活性状態に変更  
この時は、これ→ `$(document).ready(..`  が違った。
```js
// before
$(document).ready(..
// fix
$(document).on('click', 'targetDOM', function(){..
```


## Windows や MacOS は動作しない可能性あり
```js
$(":input[name^='visit_nursing_instructions_report[ryuijikou2_4Txt]']").
```


# Other Tips
Form送信時
- disabled：値を送信しない
- readonly：値を送信する  

[disabled / readonlyの違](https://qiita.com/ma_me/items/83b4fa90328e67809507)


# PlayGraund
https://jsfiddle.net/jLendaxc/60/